2020-12-08 ——2020-12-25 小程序年报项目
难点:
1.点赞动画效果: 类似直播点赞动画 (注意点: 图片的跨域问题,会造成pc端可以显示,但是手机预览不显示)
2.适配各类手机的问题,一般ui给的设计图都是 667 x 1334 (适配iphone 6/7/8) 的, 难点就是适配例如iphoneX类似的手机
3.点击按钮保存图片:
实现方式: 点击按钮后跳转到新的页面,用canvas将背景图画上去,
并从跳转来的页面中将数据传过来,然后还是用canvas将
文字写在画布上,然后还有两张网络图片,一张背景图,一张二维码的图,也需要 通过canvas画下来,需要先通过getImageInfo接口先获取到图片在本地的路径,然后通过ctx.drawImage将这两张网络图片画在画布上,最后通过wx.canvasToTempFilePath
将画布内容导出生成指定大小的图片,用wx.saveImageToPhotosAlbum
接口将canvas生成的图片保存到用户的手机中
后续有时间我会将代码贴上 仅供参考