wx.chooseImage({
success: function(res){
//const mainImg = canvas.createImage();
//mainImg.src = res.tempFilePaths[0];
//ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 150)
console.log(res.tempFilePaths[0])
ctx.drawImage(res.tempFilePaths[0], 0, 0, 150, 150)
}
})
(附上前面部分的代码
官方文档就这样写的啊
const image = canvas.createIamge() image.onload = () => { ctx.drawImage(image, x, y, w, h) } image.src = 'yourLoacalUrl'
如果你用的是你下面这张图的里的方式创建获取的canvas跟context 实例,用上面方法应该就可以正确绘制图片了,canvas 新api 的文档不是很全面。
const imgPromise = new Promise((resolve, reject) => { const image = canvas.createIamge() image.onload = () => { resolve(image) } image.onerror = () => { reject(new Error(`fail to fetch image form: ${yourImageUrl}`)) } image.src = yourImageUrl }) imgPromise.then(img => { ctx.drawImage(img, x, y, w, h) })
可以包在一个promise里面来调用。
刚刚测试发现真机上可以测试成功 开发者工具一直报错.....
啥情况
GET http://tmp/6k6KUjThJ54n00721d27908f2c1aca661701c37eee81 net::ERR_PROXY_CONNECTION_FAILED