html2canvas创建宽度和高度为零的画布?

时间:2014-12-15 21:42:08

标签: javascript html canvas html2canvas

我正在尝试使用html2canvas执行它在锡上所说的内容,但它会不断创建宽度和高度为零的画布。 我这样做:

var HTMLString = '<p>hello world</p>';
var HTMLStringContainer = document.createElement('div');
HTMLStringContainer.innerHTML = HTMLString;
console.log(HTMLStringContainer);
html2canvas(HTMLStringContainer,{
    onrendered:function(newCanvas){
        document.getElementById("image").appendChild(newCanvas);
    }
});

当我打印HTMLStringContainer时,它显示<div><p>hello world</p></div>,看起来是正确的。

var HTMLString = '<p>hello world</p>';
var HTMLStringContainer = document.createElement('div');
HTMLStringContainer.innerHTML = HTMLString;
console.log(HTMLStringContainer);
html2canvas(HTMLStringContainer, {
  onrendered: function(newCanvas) {
    document.getElementById("image").appendChild(newCanvas);
  }
});
<script src="https://github.com/niklasvh/html2canvas/releases/download/0.4.1/html2canvas.js"></script>
<div id="image"></div>

另外,jsfiddle: http://jsfiddle.net/4077wxLj/

1 个答案:

答案 0 :(得分:1)

要呈现为画布的元素需要在DOM中显示,例如document.body的子元素,然后才能呈现。