Picture canvas cross-domain problem solutions available

let image = new Image();
image.src = src + '?v=' + Math.random();
image.crossOrigin = 'Anonymous'; // support cross-domain image 

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'); // Optionally additional value Image / JPEG 
};

Pictures inserted using the code

Guess you like

Origin www.cnblogs.com/yifamily/p/11825573.html