如何将所有 HTML(包括 SVG 和底层 CSS/JS）转换为 PNG 或图像浏览器端

how to convert all html (including svg and underlying css/js) to png or image browser side

本文关键字：转换 JS PNG 浏览器图像 CSS HTML SVG 包括更新时间：2023-09-26

是否有一个一站式库可以按原样提取我的HTML/CSS（发布JS操作）并将其转换为图像，例如PNG？我的复杂之处在于页面的JS可以在加载后渲染SVG或任何类型的样式 - 我不知道。

我知道服务器端有办法，但我真的很想在客户端实现这一点。

我也知道有 canvg 可以转换 svg，但我事先不知道我的页面会有什么 - 画布、svg 几乎可以有任何东西。所以我需要一个相当强大的工具。

有什么想法吗？HTML2canvas对我不起作用;它省略了CSS上的SVG和JS操作。

谢谢。

如果你想

使用网站的图像，你可以像这样使用iframe <iframe src="page.html" width="300" height="300">What should be display if the iFrame isn´t</iframe> iFrame在另一个网站的一个小窗口中（在本例中为300px x 300px）中包含原始网站（例如page.html）。

或者你可以使用 http://www.hiqpdf.com/demo/ConvertHtmlToSvg.aspx 来获取SVG。

据我所知，没有插件可以做所有事情。我通过结合HTML2Canvas和Canvg完成了类似的问题，基本上你会使用HTML2Canvas进行传递，然后将Canvg绘图分层到HTML2Canvas创建的画布上。

显然，定位

至关重要，因此您可能需要遍历元素才能正确定位它们。