bak

src/lib/render.ts

@@ -61,15 +61,19 @@ export function drawSceneFrame(
       ctx.fillStyle = p.fill ?? asset.fill
       ctx.fillRect(-offX, -offY, asset.width, asset.height)
     } else if (asset.kind === 'circle') {
+      const offX = layer.offsetX ?? 0
+      const offY = layer.offsetY ?? 0
       ctx.fillStyle = p.fill ?? asset.fill
       ctx.beginPath()
-      ctx.arc(0, 0, asset.radius, 0, Math.PI * 2)
+      ctx.arc(-offX, -offY, asset.radius, 0, Math.PI * 2)
       ctx.fill()
     } else if (asset.kind === 'text') {
+      const offX = layer.offsetX ?? 0
+      const offY = layer.offsetY ?? 0
       ctx.fillStyle = p.fill ?? asset.fill
       ctx.font = `${asset.fontSize}px sans-serif`
       ctx.textBaseline = 'top'
-      ctx.fillText(asset.text, 0, 0)
+      ctx.fillText(asset.text, -offX, -offY)
     } else if (asset.kind === 'image') {
       const img = images[asset.id]
       if (img) {