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); 
 }
});

Answer 2

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

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

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

2 个答案: