@shotstack/shotstack-canvas 1.1.2 → 1.1.3

package/dist/entry.node.js

@@ -529,7 +529,7 @@ async function buildDrawOps(p) {
     height: p.canvas.height,
     pixelRatio: p.canvas.pixelRatio,
     clear: true,
-    bg: p.background ? { color: p.background.color, opacity: p.background.opacity, radius: p.background.borderRadius } : void 0
+    bg: p.background && p.background.color ? { color: p.background.color, opacity: p.background.opacity, radius: p.background.borderRadius } : void 0
   });
   if (p.lines.length === 0) return ops;
   const upem = Math.max(1, await p.getUnitsPerEm());
@@ -1159,6 +1159,7 @@ async function createNodePainter(opts) {
       const globalBox = computeGlobalTextBounds(ops);
       for (const op of ops) {
         if (op.op === "BeginFrame") {
+          if (op.clear) ctx.clearRect(0, 0, op.width, op.height);
           const dpr = op.pixelRatio ?? opts.pixelRatio;
           const wantW = Math.floor(op.width * dpr);
           const wantH = Math.floor(op.height * dpr);
@@ -1167,8 +1168,10 @@ async function createNodePainter(opts) {
             canvas.height = wantH;
           }
           ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
-          if (op.clear) ctx.clearRect(0, 0, op.width, op.height);
-          if (op.bg) {
+          ctx.save();
+          ctx.fillRect(0, 0, canvas.width, canvas.height);
+          ctx.restore();
+          if (op.bg && op.bg.color) {
             const { color, opacity, radius } = op.bg;
             if (color) {
               const c = parseHex6(color, opacity);