[英]Issues downloading image drawn on canvas
JavaScript代码:
window.onload = function () {
var canvas=document.getElementById("can");
var img=canvas.toDataURL("image/png");
var button = document.getElementById('saveImage');
img.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA'+
'AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO'+
'9TXL0Y4OHwAAAABJRU5ErkJggg==';
button.onclick = function () {
window.location.href = img.replace("image/png", "image/octet-stream");
window.location.href = prev;
};
};
HTML:
<canvas id="can" width="500" height="200"></canvas><br />
<input type="button" value="Done" id="saveImage">
我能够在画布上的div上显示图像,但是当我尝试使用上述javascript函数下载图像时,它将下载空白图像。 我想知道如何从画布上绘制图片。
尝试在此处查看: http : //www.html5canvastutorials.com/advanced/html5-canvas-save-drawing-as-an-image/
您可能面临的最大问题是,您只能将图像与包含canvas元素的页面保存在同一服务器上。 然后,您必须检索该保存的图像(服务器或客户端),并提示用户保存它。
编辑:
也许这会更好,尽管您需要一点服务器端代码: http : //greenethumb.com/article/1429/user-friendly-image-saving-from-the-canvas/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.