渲染HTML字符串，但不顯示HTML本身以帆布

我想一個html字符串轉換爲類似的圖像，以它是如何在這裏完成： html2canvas creates a canvas with a width and height of zero?渲染HTML字符串，但不顯示HTML本身以帆布

不過我不想表現出比對結果圖像的任何其他這一頁。因此，我不能簡單地將html字符串添加到DOM中，就像在那裏建議的那樣。我想我想要實現的是可能的，因爲html2canvas test console就是這樣做的。

我試圖產生空的結果如下：

var doc = document.implementation.createHTMLDocument(); 
 
doc.open(); 
 
doc.write("<html><header></header><body><div>test</div></body></html>"); 
 
doc.close(); 
 

 
html2canvas(doc.body, { 
 
    onrendered:function(newCanvas) { 
 
     document.body.appendChild(newCanvas); 
 
    }  
 
});

<script src="https://github.com/niklasvh/html2canvas/blob/master/dist/html2canvas.js"></script>

任何人都可以提出這樣做的方式是什麼？

來源

2015-01-16 Femel

我想通了。這是the link讓我走向正確的方向。查看說明這個想法的this page的源代碼也是值得的。

我們設置了容器

style="overflow:hidden"

屬性和移動，我們要渲染的視口的外側

style="position:absolute;top:0px;left:3000px;"

希望幫助別人的內容。

來源

2015-01-17 10:19:18 Femel

渲染HTML字符串，但不顯示HTML本身以帆布

回答

相關問題