我正在尝试将带有图像的画布保存为 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;
}
我只得到一个没有图像的空白透明图像。我究竟做错了什么?
你需要把window.open
发生这种情况后调用加载处理程序异步地.
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;
}
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)