收藏
回答

使用canvas时遇到的问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.canvasToTempFilePath 工具 7.0.3 2.7.1

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

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

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

4、打上水印

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

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


测试手机:小米9





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


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




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


回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容