javascript - kanvas menggunakan ralat toDataUrl(), tetapan img img.crossOrigin = "*" tidak berguna.
Halaman tersebut perlu mempunyai fungsi tangkapan skrin, saya menjana gambar secara setempat, kemudian menukarnya kepada kanvas, dan kemudian daripada kanvas kepada png, tetapi canvas.toDataUrl() terus melaporkan ralat:
Uncaught DOMException: Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.Kod adalah seperti berikut:
var url = DOMURL.createObjectURL(svg);
var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight*1.25;
cacheImg(url,function(){
ctx.drawImage(this , 0 , 0);
var image = canvas.toDataURL("image/png").replace("image/png", 'image/octet-stream');
DOMURL.revokeObjectURL(url);
});
function cacheImg(url , callback){
var img = new Image()
img.setAttribute('crossOrigin', 'Anonymous');
img.src = url;
img.onload = function() {
callback.call(img)
}
}