1、拍摄照片或者相册选择照片,
2、根据图片的高度,动态设置canvas的高度------------------canvas的宽度设置的是屏幕宽,高度是动态计算的,这样可以保证预览图片时宽度满屏
3、设置缩放比例,比例也是计算出的,通过屏幕宽/图片宽,可以达到等比例缩放
4、打上水印
5、导出图片, wx.canvasToTempFilePath----参数设置的是canvas的宽高,我很确定取到了值,因为我在调用这个api之前打印了,是有值的
那么问题来了:在某些手机上,会出现图片高度不对的情况,只有很短一截
测试手机:小米9
上面大图是在canvas中绘制出来的,为了测试,我让他显示在页面中
下面的图片,是调用 wx.canvasToTempFilePath时导出的图片,商铺门头那一张,可以发现,只有1/3左右的高度被导出来了
下面时商铺门头的预览照片,很明显的这不对,但是这种情况不是常现,是偶现
请遇到同类问题的小伙伴或者官方工作人员给予解答,不胜感谢~~~
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)