使用canvas时遇到的问题
发布于 5 年前 作者 kchang 7956 次浏览 来自 问答

1、拍摄照片或者相册选择照片,

2、根据图片的高度,动态设置canvas的高度------------------canvas的宽度设置的是屏幕宽,高度是动态计算的,这样可以保证预览图片时宽度满屏

3、设置缩放比例,比例也是计算出的,通过屏幕宽/图片宽,可以达到等比例缩放

4、打上水印

5、导出图片, wx.canvasToTempFilePath----参数设置的是canvas的宽高,我很确定取到了值,因为我在调用这个api之前打印了,是有值的

那么问题来了:在某些手机上,会出现图片高度不对的情况,只有很短一截

测试手机:小米9

上面大图是在canvas中绘制出来的,为了测试,我让他显示在页面中

下面的图片,是调用 wx.canvasToTempFilePath时导出的图片,商铺门头那一张,可以发现,只有1/3左右的高度被导出来了

下面时商铺门头的预览照片,很明显的这不对,但是这种情况不是常现,是偶现

2 回复

麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html

请遇到同类问题的小伙伴或者官方工作人员给予解答,不胜感谢~~~

回到顶部