我目前正在使用html2canvas和FileSaver,以在单击按钮时保存生成的画布。将会弹出一个对话框,用户可以选择保存图像的位置并根据需要重命名。它在Firefox中完美运行。我似乎无法在Chrome,IE或Safari中使用它。
html2canvas将发挥作用,并在所有这些浏览器中的div之外创建图像。 FileSaver对话框无法在上述浏览器中使用。
有任何想法吗?我已经附上了我的剧本。您可以在此处查看我的完整工作代码:
https://jsfiddle.net/ticklishoctopus/556etja4/
脚本(在以前的SO职位的帮助下):
$(function () {
$("#btnSave").click(function () {
html2canvas($("#testbtn"), {
onrendered: function (canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
canvas.toBlob(function (blob) {
saveAs(blob, "testimage.jpg");
});
}
});
});
});
最佳答案
Chrome不支持Realized toBlob。使用此代替:
Possible Solution
关于javascript - html2canvas + FileSaver浏览器问题,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37579123/