Div或html to image(替代html2canvas)

时间:2017-05-03 09:10:57

标签: javascript jquery html css

我完成了我的作业并多次搜索如何制作一个"截图"一个div或html上的任何元素。

html2canvas很好但我遇到了以下问题:   - 生成图像的质量。   - 如果div具有存储在其他域上的图像。   - 像圆形div(在de main div中)的一些元素被生成平方。

还有其他选择吗?不要丢弃有偿的替代品。

感谢!!!

4 个答案:

答案 0 :(得分:2)

您可以查看http://phantomjs.org/,特别是https://github.com/ariya/phantomjs/blob/master/examples/rasterize.js示例,您可以将HTML保存到图像或PDF中 - 有效地创建屏幕截图。它是非常可定制的,我已经使用它来轻松地从URL列表创建PDF。这是一个服务器端解决方案,所以需要更多设置你的结束。

答案 1 :(得分:2)

查看 DOM-to-Image 是否适合您 - https://github.com/tsayen/dom-to-image

它是一个用JavaScript编写的库,可以将任意DOM节点转换为矢量(SVG)或光栅(PNG或JPEG)图像。

答案 2 :(得分:1)

我同时使用了html2canvas和dom-to-image,它们都可以很好地工作,但是dom-to-image似乎可以更好地处理图像,并且具有更好的可预测性。

答案 3 :(得分:0)

rasterizeHTML.js 将HTML呈现到浏览器的画布中

https://cburgmer.github.io/rasterizeHTML.js/