I. 说明
有些时候,看到一些网页的信息时,想分享给小伙伴,一般直接用截图工具来做,但是当分享的内容比较长时,截图就比较蛋疼了,所以想着做了这么个插件
可以将网页中任意一个dom结构,渲染为图片
1. 实现
主要借助开源包:dom-to-image:https://github.com/tsayen/dom-to-image 来实现
基本实现原理:
在网页中插入一段html代码,然后绑定上点击事件,核心逻辑如下
核心的逻辑就是
2. 使用演示
II. 其他
源码:
https://github.com/liuyueyi/Chrome-ImgRender
个人博客:一灰灰Blog
http://liuyueyi.github.io/hexblog/
基于hexo + github pages搭建的个人博客,记录所有学习和工作中的博文,欢迎大家前去逛逛
声明
尽信书则不如,已上内容,纯属一家之言,因本人能力一般,见识有限,如发现bug或者有更好的建议,随时欢迎批评指正
扫描关注
领取专属 10元无门槛券
私享最新 技术干货