modern-canvas 0.8.6 → 0.8.7

package/dist/index.mjs

@@ -5125,20 +5125,17 @@ class GradientTexture extends Texture2D {
     const h = height;
     const cx = w / 2;
     const cy = h / 2;
-    const canAng = angle * Math.PI / 180;
-    const hypt = cy / Math.cos(canAng);
-    const fromTopRight = cx - Math.sqrt(hypt * hypt - cy * cy);
-    const diag = Math.sin(canAng) * fromTopRight;
-    const len = hypt + diag;
-    const x0 = cx + Math.cos(-Math.PI / 2 + canAng) * len;
-    const y0 = cy + Math.sin(-Math.PI / 2 + canAng) * len;
-    const x1 = cx + Math.cos(Math.PI / 2 + canAng) * len;
-    const y1 = cy + Math.sin(Math.PI / 2 + canAng) * len;
-    const gradient = ctx.createLinearGradient(x0, y0, x1, y1);
-    stops.forEach((stop) => {
-      gradient.addColorStop(stop.offset, stop.color);
-    });
-    ctx.fillStyle = gradient;
+    const A = (angle + 90) * Math.PI / 180;
+    const dx = Math.sin(A);
+    const dy = -Math.cos(A);
+    const L = Math.abs(w * Math.sin(A)) + Math.abs(h * Math.cos(A));
+    const x0 = cx - dx * (L / 2);
+    const y0 = cy - dy * (L / 2);
+    const x1 = cx + dx * (L / 2);
+    const y1 = cy + dy * (L / 2);
+    const g = ctx.createLinearGradient(x0, y0, x1, y1);
+    for (const s of stops) g.addColorStop(s.offset, s.color);
+    ctx.fillStyle = g;
     ctx.fillRect(0, 0, w, h);
     const imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
     return {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.8.6",
+  "version": "0.8.7",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",