@shotstack/shotstack-canvas 1.1.8 → 1.2.0

package/dist/entry.node.js

@@ -1210,6 +1210,7 @@ async function createNodePainter(opts) {
   if (!ctx) throw new Error("2D context unavailable in Node (canvas).");
   const offscreenCanvas = createCanvas(canvas.width, canvas.height);
   const offscreenCtx = offscreenCanvas.getContext("2d");
+  const gradientCache = /* @__PURE__ */ new Map();
   const api = {
     async render(ops) {
       const globalBox = computeGlobalTextBounds(ops);
@@ -1271,11 +1272,22 @@ async function createNodePainter(opts) {
             context.translate(fillOp.x, fillOp.y);
             const s = fillOp.scale ?? 1;
             context.scale(s, -s);
-            context.beginPath();
-            drawSvgPathOnCtx(context, fillOp.path);
             const bbox = fillOp.gradientBBox ?? globalBox;
-            const fill = makeGradientFromBBox(context, fillOp.fill, bbox);
+            const localBBox = {
+              x: (bbox.x - fillOp.x) / s,
+              y: -(bbox.y - fillOp.y) / s,
+              w: bbox.w / s,
+              h: bbox.h / s
+            };
+            const cacheKey = JSON.stringify({ fill: fillOp.fill, bbox: localBBox });
+            let fill = gradientCache.get(cacheKey);
+            if (!fill) {
+              fill = makeGradientFromBBox(context, fillOp.fill, localBBox);
+              gradientCache.set(cacheKey, fill);
+            }
             context.fillStyle = fill;
+            context.beginPath();
+            drawSvgPathOnCtx(context, fillOp.path);
             context.fill();
             context.restore();
           });