javascript - 使用jquery将div转换为图像数据

Question

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

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

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

Answer 1

你只转换 form1 中的部分

document.getElementById('form1')

尝试使用

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