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