使用jquery将div转换为图像数据答案

【问题标题】：convert div into image data using jquery使用jquery将div转换为图像数据
【发布时间】：2014-05-23 22:47:26
【问题描述】：

我有一个 html 页面。在其中我有一个按钮，每当我单击此按钮时，它应该将整个 html 页面转换为数据图像。我通过使用 html2canvas 实现了这一点，如下所示：

html2canvas([document.getElementById('form1')], {
        onrendered: function (canvas) {
            var imageData = canvas.toDataURL('image/jpeg',1.0); 
     }
    });

它给了我图像数据，但没有复选框和单选按钮。那么有没有其他方法可以使用 jquery 或 javascript 将 html 页面转换为图像数据？
如果有，请帮助我摆脱这个问题。
提前谢谢你。

【问题讨论】：

请把你的 html 也放入一些部分或 jsfiddle

标签： javascript jquery html css html2canvas

【解决方案1】：

您只是在转换 form1 中的部分

document.getElementById('form1')

尝试使用

html2canvas(document.body, {
    onrendered: function (canvas) {
        var imageData = canvas.toDataURL('image/png',1.0); 
 }
});

【讨论】：

我试过了。它给出了数据图像，但没有单选按钮和复选框。我想要它们。

【解决方案2】：

html2canvas 在呈现单选按钮和复选框时存在问题，如另一个问题@https://stackoverflow.com/questions/19704618/how-to-display-checkbox-with-html2canvas 中所述。那里给出的解决方案是用图像替换那些单选按钮和复选框，然后捕获页面。

如果我正确阅读，上述问题中提供的解决方案无法正常工作，但应该可以帮助您编写有效的修复程序。

【讨论】：