收藏
回答

关于在打开摄像头后使用canvas绘制的问题

框架类型 问题类型 操作系统 操作系统版本 手机型号 微信版本
小程序 Bug Android Android 8.0 HTC U-3w version 7.0.3

- 当前 Bug 的表现(可附上截图)打开摄像头,利用canvas绘制矩形,在开发者工具中可显示,真机调试不显示


- 预期表现  : 真机调试也可看见矩形框


- 复现路径


- 提供一个最简复现 Demo

<camera flash="off" binderror="error" style="width: 100%; height: {{winHeight}}rpx;">

<canvas  canvas-id="rectangle" style="width: 100%; height: {{winHeight}}rpx;"></canvas>

</camera>

onReady: function () {

var that = this;

wx.getSystemInfo({

success: function (res) {

let winWidth = res.screenWidth;

console.log(res)


let scale = winWidth / 375;

let winHeight = ((res.screenHeight-120) * 2 / scale);

console.log("winHeight:" + winHeight)

that.setData({

winHeight: winHeight,


})

var rec = wx.createCanvasContext("rectangle");

rec.setStrokeStyle('red')

rec.strokeRect(res.screenWidth- 10, 10, 20, res.screenHeight - 140 )

rec.draw(true)

console.log(rec)

},

})

},

回答关注问题邀请回答
收藏

1 个回答

  • 疯狂的小辣椒
    疯狂的小辣椒
    2019-03-11

    请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2019-03-11
    有用
    回复
登录 后发表内容