为什么我的Canvas画不出东西,没有任何反应,我是照个官网的例子写的
上代码:
<view>
<canvas type="2d" id="myCanvas"></canvas>
</view>
<button type='warn' bindtap='onTest'>test</button>
//index.js
Page({
data: {
},
onTest: function () {
console.log('onTest')
const ctx = wx.createCanvasContext('myCanvas')
ctx.moveTo(10, 10)
ctx.rect(10, 10, 100, 50)
ctx.lineTo(110, 60)
ctx.stroke()
ctx.draw()
}
})
如果要用旧版的api就不要写type='2d'
CanvasContext wx.createCanvasContext(string canvasId, Object this)
创建 canvas 的绘图上下文 CanvasContext 对象
参数
string canvasId
要获取上下文的 canvas 组件 canvas-id 属性
要设置canvas-id属性为myCanvas
canvas 没宽没高的,怎么显示
onReady() {
const query = wx.createSelectorQuery()
query.select('#myCanvas')
.fields({ node: true, size: true })
.exec((res) => {
const canvas = res[0].node
const ctx = canvas.getContext('2d')
canvas.width = wx.getSystemInfoSync().windowWidth
canvas.height = wx.getSystemInfoSync().windowHeight
ctx.moveTo(100, 100)
ctx.lineTo(100, canvas.height)
ctx.stroke()
})
},
麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
下面是点击test按钮后的截图,画布上没有任何东西出来