onCameraFrame返回arrayBuffer使用canvasPutImageData报错? demo.js Page({ onReady: function () { const cameraCtx = wx.createCameraContext() const cameraCfl = cameraCtx.onCameraFrame(res => { const data = new Uint8ClampedArray(res.data); wx.canvasPutImageData({ x: 0, y: 0, width: 300, height: 150, data, success: res => { console.log('绘制成功:', res) }, fail: res => { console.log('绘制失败:', res) }, complete: res => { console.log(res) } }) }) cameraCfl.start() } }) demo.wxml <view class="container"> <camera device-position="back" flash="off" binderror="error" style="width: 100%; height: 100%"></camera> <canvas type="2d" id="canvas" canvas-id="canvas"></canvas> </view> demo.wxss page{ height: 100%; } .container { height: 100%; }
onCameraFrame返回arrayBuffer使用canvasPutImageData报错?context.onCameraFrame((frame) => { try { if (!this.data.flag) { return; } wx.canvasPutImageData({ canvasId: 'myCanvas', x: 0, y: 0, width: frame.width, heihgt: frame.height, data: new Uint8ClampedArray(frame.data), success(res) { wx.showModal({ title: '获取图片', content: '' + res, }) }, fail(err){ wx.showModal({ title: '获取图片失败', content: '' + err.errMsg, }) } }); }catch(err){ } }); 报错信息:canvasPutImageData:fail canvas is empty
2021-03-18