我想通过单击我的 html 页面中的按钮将 Fabric 画布保存为 PC 上的图像(jpg 或 png 相同)。我尝试了一个解决方案但不起作用:
function saveF(canvF) {
var imageCanv = canvF.toDataURL('png');
var myBlob = new Blob(['imageCanv'], { type: "image/png" });
var reader = new FileReader();
reader.onload = function (event) {
var URL = canvF.toDataURL('png');
document.getElementById("lnkDownload").href = URL;
};
reader.readAsDataURL(myBlob);}
Run Code Online (Sandbox Code Playgroud)
这是 html 标签:
<a class="icon fb" href="" id="lnkDownload" download="canvas.png" style="float:left; background-color:red"><i class="fa fa-save"></i></a>
Run Code Online (Sandbox Code Playgroud)
我创建了其他解决方案,但它们没有用