🖼️ 画像描画方式の比較
❌ BASE64方式
const base64 = await imageToBase64(url); const svgImage = ` <image href="${base64}" x="0" y="0"/> `;
画質
低
圧縮劣化あり
✅ Canvas方式
const image = new Image(); image.src = imageUrl; image.onload = () => { const canvas = new OffscreenCanvas( image.width, image.height ); ctx.drawImage(image, 0, 0); };
画質
高
元画像を維持