如何将DIV另存为图片以canvas2image为扩展名

我已经完成了以下代码以将HTML内容（DIV）保存为图片（JPEG，PNG，GIF等）以下代码。如何将DIV另存为图片以canvas2image为扩展名

<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”等...）。当用户从浏览器保存时，是否有任何解决方案默认设置扩展名。

在此先感谢。

来源

2014-10-07 Jignesh Patel

我已经完成了用于捕获签名的相同功能。这与你的方法不同。但是这段代码可能会帮助你。如果你需要整个源代码，请点评。

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。还有，你可以改变图像的延伸。希望它有帮助

来源

2014-10-07 12:39:38 Khaleel

感谢您的帮助。仍然面临同样的问题。内容正常转换为图像。它显示在浏览器页面中。 “Canvas2image.js”使用“saveFile”功能，我认为有一些问题。问题发生在Firefox中，在Chrome中它正常工作。 – 2014-10-08 06:24:13

在你的代码中，你需要使用'saveAsPNG（canvas）'而不是使用'saveAsImage（canvas）'这样的工作 – Khaleel 2014-10-10 10:47:57

如何将DIV另存为图片以canvas2image为扩展名

回答

相关问题