小编Jaa*_*aap的帖子

是否可以使用带有形状的图像作为整个画布的掩模或画布中的图像？

我想将图像放在带有遮罩的画布上,然后将其保存为新图像.

我正在尝试将带有图像的画布保存到PNG,但是当我尝试这样做时:

var myCanvas = document.getElementById("myCanvas");
var img = document.createElement('img');
var ctx = myCanvas.getContext ? myCanvas.getContext('2d') : null;
img.src = 'image.png';

img.onload = function () {  
    ctx.drawImage(img, 0, 0, myCanvas.width, myCanvas.height);
}

var data = myCanvas.toDataURL("image/png");
if (!window.open(data)) {
    document.location.href = data;
}

我只得到没有图像的空白透明图像.我究竟做错了什么？