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

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

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

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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值