HTML5如何在particulat div class或id上打印屏幕

Question

我正在使用html5網頁，我顯示了一些產品列表，這個列表在div標籤內部，這是使用css設計的。我想打印產品列表獲取CSS樣式。

我需要點擊一個按鈕 那個按鈕來捕捉和顯示窗口特定的div類或id。 然後通過使用HTML畫布打印DIV class和id

Answer 1

這些鏈接將會給你的你正在尋找

How to take screenshot of a div with JavaScript?

https://www.idontplaydarts.com/2012/04/taking-screenshots-using-xss-and-the-html5-canvas/

他們都是這麼幹是個好主意，如果你是新手，那麼這裏有一個教程來幫助你

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial?redirectlocale=en-US&redirectslug=Canvas_tutorial

還有其他的方法。你也可以做到這一點通過使用一個Javascript API

http://grabz.it/api/javascript/

或

http://html2canvas.hertzen.com/

希望它幫助！