HTML5如何在特定的div类或id上打印屏幕[重复]

Posted 2023-03-05

【中文标题】HTML5如何在特定的div类或id上打印屏幕[重复]

【英文标题】：HTML5 how to take a print screen on a particular div class or id [duplicate]

【发布时间】：2014-03-08 20:36:39

【问题描述】：

我正在使用 html5 网页，我显示了一些产品列表，该列表位于使用 css 设计的 div 标签内。我想打印产品列表获取css样式。

我需要点击一个按钮 该按钮用于捕获和显示窗口特定的 div 类或 id。 然后打印 div 类或 id

【问题讨论】：

您是否仅限于客户端语言？

这个[链接][1]可能对你有帮助[1]：***.com/questions/2255291/print-the-contents-of-a-div

【参考方案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/

希望对您有所帮助！