想要做一個相冊之類的功能,有相框和相片兩個圖片,現在把這兩個圖片畫入到一個新的canvas,canvas顯示出來是正常的 ,但是想把這個canvas轉化成新的圖片,但是一直轉化不了報
Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.
關鍵的代碼是
var newCanvas = document.createElement('canvas');
newCanvas.width = 300;
newCanvas.height = 400;
newxCtx = newCanvas.getContext("2d");
var img = new Image();
img.src = $(".photoWrap_canvas").attr("data-url");
img.setAttribute("crossOrigin", 'anonymous')
img.onload = function () {
// $(".photoWrap_canvas").hide();
newxCtx.drawImage(util.getEl("myCanvas"), 0, 0);
newxCtx.drawImage(img, 0, 0, 300, 400);
$(".result").prepend(newCanvas);
var data = newCanvas.toDataURL('image/jpeg');
alert(data)
var hc_image = new Image();
hc_image.src = data;
$(".result").append(hc_image);
}
canvas 無法轉化成Image
慕慕森
2018-12-06 12:36:17