画一张大图,直接通过 previewImage 进入手机预览模式,预览模式的图片可以直接保存到本地。这种方案的缺点在于预览模式无法设计 UI,且下载的时候不能自定义文案,由于下载保存的入口很隐蔽,用户不一定能发现。
图片太长怎么办?上面的图实际上是比较长的,你可以截取一部分显示出来,这样图片看起来就会更协调。在通过正常比例绘制完图片以后,可以通过填充矩形的方式覆盖一部分图片,然后在矩形上输入其他的内容,这样图片的一部分就被隐藏起来了。
按钮置于最上层由于 canvas 是优先级最高的,总是会覆盖页面上的其他内容,所以「保存图片」的按钮可能会被覆盖掉而显示不出来,可以通过在 button 上套一层 cover-view 来解决。
总结图片绘制本来应该是一个非常简单也非常成熟的技术,其他的框架都会有对应的组件来处理这些事情,可是微信小程序的 canvas 绘制可以用「非常难用」来形容,希望微信团队能尽快优化。