- wx.canvasToTempFilePath报错,提示image格式错误?
基础库版本:2.16.1 报错内容: VM1309 WAService.js:2 TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas)' 代码段: // 创建离屏 2D canvas 实例 const canvas = wx.createOffscreenCanvas({type: '2d', width: 300, height: 150}) // 获取 context。注意这里必须要与创建时的 type 一致 const context = canvas.getContext('2d') // 创建一个图片 const image = canvas.createImage() // 等待图片加载 await new Promise(resolve => { image.onload = resolve image.src = 'http://1812.img.pp.sohu.com.cn/images/blog/2009/11/18/18/8/125b6560a6ag214.jpg' // 要加载的图片 url }) // 把图片画到离屏 canvas 上 context.clearRect(0, 0, 300, 150) context.drawImage(image, 0, 0, 300, 150) wx.canvasToTempFilePath({ canvas: canvas, quality: 1, success: (res) => { let filePath = res.tempFilePath; //获取图片地址 console.log("filePath:",filePath) } }, this)
2021-05-23 - 如何使用camera实现拍照后截取图片指定位置的图呢?
我现在使用的方法是通过小程序的canvas的drawImage方法截图,发现真机截出的效果跟调试的完全不一样
2020-12-06