圖片canvas跨域問題解決方案之一

let image = new Image();
image.src = src + '?v=' + Math.random();
image.crossOrigin = 'Anonymous'; // 支持跨域圖片

image.onload = function() {
    let canvas = document.createElement('canvas');
    canvas.width = image.width;
    canvas.height = image.height;
    let ctx = canvas.getContext('2d');
    ctx.drawImage(image, 0, 0, image.width, image.height);
    canvas.toDataURL('image/png'); // 可選其他值 image/jpeg
};

圖片使用代碼中方式插入