小程序 canvas type 2d drawImage onl

作者: 涂鸦啦 | 来源:发表于2022-03-29 16:37 被阅读0次

把小程序的canvas type修改成2d后，发现drawImage onload一直报错。
看了几遍文档也没有提示为什么。

测试了，本地图片如img.src = './car.png' 加载是正常的
网络图片是正常的，网上查了很多。

突然想起来之前有过一次，wx.chooseImage 后直接绘制图片不可以，需要getImageInfo下，用结果的src重新绘制。

 let createImg = this.realCanvas.createImage();

wx.getImageInfo(res =>{
 createImg.onload = () => {
}

createImg.src = res.path;
})

测试解决

小程序 canvas type 2d drawImage onl
把小程序的canvas type修改成2d后，发现drawImage onload一直报错。看了几遍文档也没有提示...
canvas图像操作
CanvasRenderingContext2D.drawImage()是 Canvas 2D API 中的方法，...
uni-app view保存本地图片方法使用canvas
小程序里面canvas.drawImage中的image必须是本地图片，所以需要先下载到uni.downloadF...
图片的放大与缩小
用canvas的drawImage绘制图像
微信小程序2D canvas绘制分享海报
画布。2.9.0 起支持一套新 Canvas 2D 接口（需指定 type 属性），同时支持同层渲染[https:...
canvas压缩图片，并转成base64格式传给后台
参考文档：http://www.runoob.com/tags/canvas-drawimage.htmlhttp...
Number four
canvas 1.绘制图片 * 基本绘图 drawImage(img...
canvas drawImage方法
dravImage方法是用来在画布上绘制图像，视频和画布的还可以用来绘制图像的部分内容，以及增加或者减少图片的尺寸...
Canvas drawImage() 失真
Canvas drawImage distortion 在使用Canvas實作拼接圖片的時候我們會使用drawIm...
Canvas drawImage not working
在使用Canvas的drawImagw方法時有個小地方要特別注意。Image對象必須滿足以下條件之一才能成功是以...