我完成了我的作业并多次搜索如何制作一个"截图"一个div或html上的任何元素。
html2canvas很好但我遇到了以下问题: - 生成图像的质量。 - 如果div具有存储在其他域上的图像。 - 像圆形div(在de main div中)的一些元素被生成平方。
还有其他选择吗?不要丢弃有偿的替代品。
感谢!!!
答案 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呈现到浏览器的画布中