这个仇先记下来

原创 Luminary丶 随笔 前端 748阅读 2018-05-18 18:55:30 举报

引言

jichou

最近这个记仇图片在我的一些群里出现次数相当高,朋友们都会去用修图软件去改下面的文字,作为一个前端党就在想能不能更加便利一点,一开始想用 canvas 去画文字,后来就偶然搜到了 html2canvas,是一款截图工具,那这样就方便多了。

实现

anpai

具体实现方式就是利用 html2canvas 对一个 Div 进行截图,在这个 Div 里有记仇的图片和可编辑的文本框,然后再在下面展示并下载下来就阔以了,这部分涉及到了 base64 图片的下载,也是借用了 segmentFault 上大神的代码

最后

体验地址
项目地址

评论 ( 1 )
最新评论
s362397473 2018-05-22 11:07:45 1F

有用哈哈哈哈哈哈