如何将所有html（包括svg和底层css / js）转换为png或图像浏览器端

Question

是否有一站式商店图书馆按原样提取我的html / css（发布js动作）并将其转换为图像，如png？我的复杂功能是页面可以在加载后呈现svg或任何类型的样式 - 我不知道。

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

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

任何想法？ html2canvas对我不起作用;它遗漏了svg以及js对css的操纵。

谢谢。

Answer 1

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

Answer 2

或者您可以使用http://www.hiqpdf.com/demo/ConvertHtmlToSvg.aspx获取svg。

Answer 3

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

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