首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Chrome插件之DomToImage实现

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或者有更好的建议,随时欢迎批评指正

扫描关注

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180312A1RO7700?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券