收藏
回答

onCameraFrame返回arrayBuffer使用canvasPutImageData报错?

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug canvasPutImageData 工具 7.020 2.15.0

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



demo.wxss

page{
  height: 100%;
}
.container {
  height: 100%;
}
最后一次编辑于  2021-03-18
回答关注问题邀请回答
收藏

1 个回答

  • Cjiang
    Cjiang
    2021-03-18

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html),并详细描述下复现的流程。

    2021-03-18
    有用
    回复 3
    • 阿宁啊
      阿宁啊
      2021-03-18
      代码片段:https://developers.weixin.qq.com/s/5TynCTmH7moA
      通过监听相机的实时数据,通过canvasPutImageData画进画布中从而生成图片,但是在canvasPutImageData这一步出错了
      2021-03-18
      回复
    • W
      W
      2021-05-29回复阿宁啊
      你没发现获取到的arraybuffer有负值吗?我也搞不懂,不知道怎么弄的。。。
      2021-05-29
      1
      回复
    • 🍄
      🍄
      2021-11-12回复阿宁啊
      你好,请问目前有解决方案吗?
      2021-11-12
      回复
登录 后发表内容
问题标签