有一个如下的业务场景:后台返回一张图片的ID,前端通过ID拼接出图片的地址,拿到图片之后需要在图片上添加一些额外的文字,在前端显示,然后再将它保存为一张新的图片,并把它以base64格式发送给后台。
这里我总共遇到了如下几个问题:
1:在线图片无法在手机端通过canvas绘制显示。
2:手机端测试,canvas绘制时只绘制了一部分。
3:在线图片通过canvas绘制完添加完文字后,保存为本地图片时图片清晰度太低。
4:在小程序里如何将本地图片转换成base64格式。
5:前端显示的屏幕适配。
接下来开始进行填坑之路。
1,2:小程序本身不支持在手机端用canvas绘制在线图片,所以这里我们需要把图片的在线地址换成本地路径,然后再用本地路径去进行canvas绘制就行了。下面把