modern-canvas 0.4.2 → 0.4.4

package/dist/index.cjs

@@ -7690,7 +7690,8 @@ exports.MaskEffect = class MaskEffect extends exports.Effect {
         QuadUvGeometry.draw(renderer, exports.MaskEffect.material, {
           sampler: 0,
           mask: 1,
-          area: context.targetArea
+          area: context.targetArea,
+          rotation: context.target?.globalRotation ?? 0
         });
         renderer.texture.unbind(1);
       });
@@ -7710,6 +7711,20 @@ void main() {
 uniform sampler2D sampler;
 uniform sampler2D mask;
 uniform float area[4];
+uniform float rotation;
+
+vec2 rotateUV(vec2 uv, float angle) {
+    uv -= 0.5;
+    float cosAngle = cos(angle);
+    float sinAngle = sin(angle);
+    mat2 rotationMatrix = mat2(
+        cosAngle, -sinAngle,
+        sinAngle,  cosAngle
+    );
+    uv = rotationMatrix * uv;
+    uv += 0.5;
+    return uv;
+}
 
 void main(void) {
   if (
@@ -7723,7 +7738,7 @@ void main(void) {
       (vUv.x - area[0]) / area[2],
       ((1.0 - vUv.y) - area[1]) / area[3]
     );
-    vec4 maskColor = texture2D(mask, uv);
+    vec4 maskColor = texture2D(mask, rotateUV(uv, rotation));
     gl_FragColor = mix(vec4(0.), color, maskColor.a);
   } else {
     gl_FragColor = vec4(0.);
@@ -9654,9 +9669,13 @@ exports.Image2D = class Image2D extends exports.Element2D {
       const { left = 0, top = 0, right = 0, bottom = 0 } = this.srcRect ?? {};
       const { width, height } = this.size;
       this.context.fillStyle = texture;
-      const sx = 1 / ((1 - left + -right) * width);
-      const sy = 1 / ((1 - top + -bottom) * height);
-      this.context.textureTransform = new Transform2D().scale(sx, sy).translate(left * width * sx, top * height * sy);
+      const w = Math.abs(1 + (left + right)) * width;
+      const h = Math.abs(1 + (top + bottom)) * height;
+      const sx = 1 / w;
+      const sy = 1 / h;
+      const tx = left * width * sx;
+      const ty = top * height * sy;
+      this.context.textureTransform = new Transform2D().scale(sx, sy).translate(tx, ty);
       super._drawContent();
     }
   }