小程序,调用 canvas 的 drawImage(sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) 方法,发现在 ios 显示没问题,在安卓就显示出错。
wxml:
<canvas style=“width: 300px;height:300px;border: 1px solid;” disable-scroll=“true” canvas-id=“myCanvas” />
js:
const ctx = wx.createCanvasContext(‘myCanvas’);
wx.chooseImage({
success: (res) => {
ctx.drawImage(res.tempFilePaths[0], 50, 50, 100, 100, 0, 0, 150, 100)
ctx.draw()
}
})
最终显示的结果如下:
ios显示正确:
安卓显示错误:
注:我上传的图片是同一张。
希望官方尽快解释一下,谢谢啊!~~
- -|| 我说的是 drawImage 的这个用法:drawImage(imgPath, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight) ,不是说 drawImage 这个方法的其他用法有问题。。。
麻烦直接用这段代码来测试吧,记得用安卓机,扫码开发者工具的 “预览“二维码,谢谢了!
wxml:
<canvas style="width: 300px;height:300px;border: 1px solid;" disable-scroll="true" canvas-id="myCanvas" />
js:
onLoad: function (opt) {
const ctx = wx.createCanvasContext('myCanvas');
wx.chooseImage({
success: (res) => {
ctx.drawImage(res.tempFilePaths[0], 50, 50, 100, 100, 0, 0, 150, 100)
ctx.draw()
}
});
}