@shotstack/shotstack-canvas 1.1.8 → 1.2.0

package/dist/entry.web.js

@@ -1210,6 +1210,7 @@ function createWebPainter(canvas) {
   return {
     async render(ops) {
       const globalBox = computeGlobalTextBounds(ops);
+      const gradientCache = /* @__PURE__ */ new Map();
       for (const op of ops) {
         if (op.op === "BeginFrame") {
           const dpr = op.pixelRatio;
@@ -1248,7 +1249,18 @@ function createWebPainter(canvas) {
           const s = fillOp.scale ?? 1;
           ctx.scale(s, -s);
           const bbox = fillOp.gradientBBox ?? globalBox;
-          const fill = makeGradientFromBBox(ctx, 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(ctx, fillOp.fill, localBBox);
+            gradientCache.set(cacheKey, fill);
+          }
           ctx.fillStyle = fill;
           ctx.fill(p);
           ctx.restore();