今天這個仇先記下來了

引言

最近這個記仇圖片在個人一些羣裏出現次數至關高，朋友們都會去用修圖軟件去改下面的文字，做爲一個前端黨就在想能不能更加便利一點，一開始想用 canvas 去畫文字，後來就偶然搜到了 html2canvas，是一款截圖工具，那這樣就方便多了。

實現

具體實現方式就是利用 html2canvas 對一個 Div 進行截圖，在這個 Div 裏有記仇的圖片和可編輯的文本框，而後再在下面展現並下載下來就闊以了，這部分涉及到了 base64 圖片的下載，也是借用了 segmentFault 上大神的代碼

最後

體驗地址 項目地址

更新

2018/5/19

• 取消自動下載
• 增長當前時間
• 增長自定義生成圖片