HTML5如何在特定的div类或id上显示打印屏幕

Question

我使用html5网页我展示了一些产品列表，这个列表里面的div标签这是使用css设计的。我想打印产品列表，获得css样式。

我需要点击一个按钮，该按钮捕获并显示窗口中特定的div类或id。然后打印div类或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/

它们都是使用HTML 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/

希望它能帮上忙！