data:{
width:0,
height:0
},
buttonStartClick: function(e) {
//初始化 canvas
// showCanvasCTX = wx.createCanvasContext('showMainCanvas');
// nextCanvasCTX = wx.createCanvasContext('nextCanvas');
var query = wx.createSelectorQuery().select('.showMainCanvas');
var rect = query.boundingClientRect(this.getData);
rect.exec();
console.log(this.data.width + " " + this.data.height);
},
/**
* 回调函数 返回节点信息
* 通过返回信息获取宽高
*/
getData: function(data) {
this.setData({
width: data.width -
height: data.height -
});
},
单击后第一次输出 0 0,第二次输出正确的宽高168 280
将
var query = wx.createSelectorQuery().select('.showMainCanvas');
var rect = query.boundingClientRect(this.getData);
rect.exec();
放到onLoad里又报错,放onReady里也是报错,问题出在哪里呢,相关代码就是上面这段,开始query那写在一起的,都是一个问题
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)