Correct way to replay drawCalls?

[ImLunaHey]

I'm trying to replay the draw calls using @napi-rs/canvas so I can use image snapshots.

1. Is there a better way to do this?
2. Could something like this be added to this library? (maybe under a flag?)

// get the draw calls
const drawCalls = document.querySelector('canvas')!.getContext('2d')!.__getDrawCalls();
const canvas = createCanvas(document.querySelector('canvas')!.width, document.querySelector('canvas')!.height);
const ctx = canvas.getContext('2d');

// clear the canvas
ctx.fillStyle = 'white';
ctx.fillRect(0, 0, canvas.width, canvas.height);

// replay the draw calls
for (const call of drawCalls) {
  ctx.setTransform(...call.transform);
  switch (call.type) {
    case 'clearRect':
      ctx.clearRect(call.props.x, call.props.y, call.props.width, call.props.height);
      break;
    case 'fillRect':
      ctx.fillRect(call.props.x, call.props.y, call.props.width, call.props.height);
      break;
    case 'fillText':
      ctx.fillText(call.props.text, call.props.x, call.props.y);
      break;
    case 'stroke':
      for (const path of call.props.path) {
        switch (path.type) {
          case 'beginPath':
            ctx.beginPath();
            break;
          case 'moveTo':
            ctx.moveTo(path.props.x, path.props.y);
            break;
          case 'lineTo':
            ctx.lineTo(path.props.x, path.props.y);
            break;
          case 'arc':
            ctx.arc(path.props.x, path.props.y, path.props.radius, path.props.startAngle, path.props.endAngle);
            break;
          default:
            throw new Error(`Unknown path type: ${path.type}`);
        }
        ctx.stroke();
      }
      break;
    case 'fill':
      for (const path of call.props.path) {
        switch (path.type) {
          case 'moveTo':
            ctx.moveTo(path.props.x, path.props.y);
            break;
          case 'lineTo':
            ctx.lineTo(path.props.x, path.props.y);
            break;
          case 'arc':
            ctx.arc(path.props.x, path.props.y, path.props.radius, path.props.startAngle, path.props.endAngle);
            break;
          default:
            throw new Error(`Unknown path type: ${path.type}`);
        }
        ctx.fill();
      }
      break;
    default:
      throw new Error(`Unknown draw call type: ${call.type}`);
  }
}

// expect the canvas to match the image snapshot
expect(canvas.toBuffer('image/png')).toMatchImageSnapshot();