Html2Canvase - ＆gt;在滚动图像上是空的

Question

点击 - ＆gt;我在DIV中添加了一个具有绝对位置的div，其具有特定的高度和宽度（垂直滚动），其中用户输入其数据并且在保存时我使用html2canvas将html转换为图像。

  var element = angular.element("#beforeComment_" + index);
    html2canvas(element).then(function (canvas) {

    var _Image = canvas.toDataURL("image/png");
    var _img = _Image.replace(/^data:image\/(png|jpg);base64,/, "");                     
                });

如果div处于可见区域，它可以完美运行，但是当我使用窗口滚动将位置DIV向下移动时，我得到空白图像。

但与使用

相比

html2canvas(window.document.body).then(function (canvas) {

        var _Image = canvas.toDataURL("image/png");
        var _img = _Image.replace(/^data:image\/(png|jpg);base64,/, "");                     
                    });

即使我滚动或拖动Div。

也能完美

如果有更清晰的东西会更好，但我会得到更复杂的html结构并且会增加更多的复杂性

可以帮助:(

Answer 1

你试过吗

var element = angular.element(document.querySelector('#beforeComment_' + index)); 

另外，检查'#beforeComment_'+索引是否确实存在。