ステップ1: Canvas設定
this.canvasConfigs = [{
selector: '#canvasPlaceholder1',
default: { width: 320, height: 240 }
}];
↓
ステップ2: Canvas要素生成
const canvas = document.createElement('canvas');
canvas.width = config.default.width;
canvas.height = config.default.height;
↓
ステップ3: 描画処理
const ctx = canvas.getContext('2d');
ctx.fillStyle = 'lightblue';
ctx.fillRect(0, 0, canvas.width, canvas.height);
↓
ステップ4: SVGへコピー
context.drawImage(canvas, offsetX, offsetY, width, height);