Question

我已经完成了以下代码，将HTML内容（DIV）转换为以下代码保存为图像（JPEG，PNG，GIF等）。

<pre>   
html2canvas($(".mainbox"), {
    onrendered: function(canvas) {
       theCanvas = canvas;
       document.body.appendChild(canvas);
       Canvas2Image.saveAsImage(canvas); 
       $("#FinalImage").append(canvas);
    }
});
</pre>

我还在我的页面中包含了 html2canvas.js ， base64.js 和 canvas2image.js 。最后，图片显示在#FinalImage DIV中，浏览器要求我将其保存在我的驱动器中，直到现在一切正常。

现在问题是保存图像的名称没有扩展名，每次我需要转到图像并分配扩展名（“。jpg”，“。png”等...）。当用户从浏览器保存时，是否有任何默认设置扩展的解决方案。

提前致谢。

Answer 1

我已经完成了捕获签名的相同功能。这与您的方法不同。但是这段代码可以帮到你。如果你需要完整的源代码，请注释。

var canvas = document.getElementById(<canvas element id>)// get canvas element
var dataURL = canvas.toDataURL("image/png");// convert to img, specify extension
document.getElementById(<new image id>).src = dataURL; // write as an image

在第二行中我指定了png。在那里你可以改变图像的扩展名。希望它有所帮助

如何使用带扩展名的canvas2image将DIV保存为图像

1 个答案: