微信小程序开发篇-canvas保存图片大小问题

最近在做微信小程序的开发项目,记录些开发过程中踩过的坑,希望能帮到有相同问题的朋友。

第一个坑,canvas保存出的图片宽高变大了

1、项目中将图片画到canvas上进行编辑,再通过canvas保存编辑好的图片,保存图片用的接口是wx.canvastotempfilepath函数。
2、使用iphone6s模版,测试过程发现保存出的图片宽高都是预设的两倍,经过查看官方文档发现,原因是没有设置图片输出宽高导致的。
3、wx.canvasToTempFilePath函数一定要设置destWidth和destHeight两个参数,并且这两个参数的单位是px,如果使用默认值(canvas的宽高值),它的单位是rpx,输出的图片大小就会是预设大小的pixelRatio倍。
4、实际的运行效果可以微信扫下面小程序码进行体验,欢迎提出问题建议。
微信小程序开发篇-canvas保存图片大小问题_第1张图片

你可能感兴趣的:(笔记)