在做一些活动页的时候,经常会有一些需要
上传图片的需求,并且还需要将
图片以及
生成的
文字以及贴图
生成一张卡可以供
用户可以
长按保存。这个需求之前完成过一次,最近又遇上了,使用的都是canvas来实现的。干脆整理出一篇
博客出来。如果有更好的
实现方法,欢迎提出一起探讨。
使用canvas压缩
图片
在html中使用写入input
标签,type为file时候,可以调出手机的相册可供选择照片,也可以
支持摄像头进行拍照
功能。
在这个场景下,就可能出现
图片的体积会更大,可能会超出后端所
支持的最大范围,从而导致
上传失败。