分类 前端 下的文章

html2canvas实现网页保存为图片及图片清晰度优化


一、实现HTML页面保存为图片

1.1 已知可行方案

现有已知能够实现网页保存为图片的方案包括:

方案1:将DOM改写为canvas,然后利用canvas的toDataURL方法实现将DOM输出为包含图片展示的data URI
方案2:使用html2canvas.js实现(可选搭配Canvas2Image.js实现网页保存为图片)
方案3:使用rasterizeHTML.js实现