快速生成诺基亚表情包 ​

致敬经典《无间道》

在线地址：诺基亚短信图片生成器 传送门

输入文本后点击生成图片即可。如果是手机微信端用户，点击生成图片后长按图片即可保存，其他端可直接下载至手机（或点击按钮后长按下载也可以 😊）

实现思路

1. 首先我们先利用 html+css+js 实现动态修改输入框文字，将文字输出到这个诺基亚屏幕上（css 定位）
2. 通过html2canvas这个工具库，将这一整块的 DOM 结构转换成一个canvas，再使用canvas的toDataURL方法将内容转成base64格式输出到一个Image标签上
3. 点击下载的时候，将base64转成二进制blob对象，之后通过a标签将这个图片下载至本地

以上就是这个小 DEMO 的多有，源码可以查看这里：传送门

如果这个项目对你斗图或者学习有帮助的话，不妨给我一个 star⭐️，感谢你们的支持！