js实现截图保存图片功能的代码示例

前几天公司项目里有这样一个需求，把网页的某一部分能够一键截图。这个功能其实就是对人力的一个优化，如果是人为做的话，相信大家都知道怎么做。我这个主要就解决这个批量的人力的优化。好，废话不多说了。直接上逻辑和代码。'这个问题的解决方案：html to canvas to png. 目前有一个这样的插件: html2canvas,这个'$targetElem'就是那个要转换的html， useCORS 用来设置图片是否跨域， onrendered 是转换完成后执行的方法。里面有一种情况需要考虑：如果html标签里有svg标签， 目前htm2canvas不支持svg标签。这个情况下就需要先把svg处理成html2canvas能处理标签。这里我还需要这个插件canvg具体代码如下这个方案，我已经完全实现了，并在我们项目里使用了。欢迎大家使用，如果有什么问题，可以留言给我。