问题描述
京东小程序canvas点击事件无效,无论是外围包裹view还是cover-view,tap事件也无效
组件:
<cover-view @click="show" style="width: 90%;height: 600rpx;background-color: #0097ff;">
<canvas @touchstart="show" @touchmove="show" @touchend="show" @click="show" @tap="show" canvas-id="myCanvas">
js:
show(){
console.log('2222222')
},
draw(){
const ctx = uni.createCanvasContext('myCanvas')
// Draw coordinates
ctx.arc(100, 75, 50, 0, 2 * Math.PI)
ctx.setFillStyle('#EEEEEE')
ctx.fill()
ctx.beginPath()
ctx.moveTo(40, 75)
ctx.lineTo(160, 75)
ctx.moveTo(100, 15)
ctx.lineTo(100, 135)
ctx.setStrokeStyle('#AAAAAA')
ctx.stroke()
ctx.setFontSize(12)
ctx.setFillStyle('black')
ctx.fillText('0', 165, 78)
ctx.fillText('0.5*PI', 83, 145)
ctx.fillText('1*PI', 15, 78)
ctx.fillText('1.5*PI', 83, 10)
// Draw points
ctx.beginPath()
ctx.arc(100, 75, 2, 0, 2 * Math.PI)
ctx.setFillStyle('lightgreen')
ctx.fill()
ctx.beginPath()
ctx.arc(100, 25, 2, 0, 2 * Math.PI)
ctx.setFillStyle('blue')
ctx.fill()
ctx.beginPath()
ctx.arc(150, 75, 2, 0, 2 * Math.PI)
ctx.setFillStyle('red')
ctx.fill()
// Draw arc
ctx.beginPath()
ctx.arc(100, 75, 50, 0, 1.5 * Math.PI)
ctx.setStrokeStyle('#333333')
ctx.stroke()
ctx.draw()
},
预期结果
[点击canvas运行show函数
实际结果
[这里请贴上你的报错截图或文字]
系统信息:
- 发行平台: 京东小程序
- 操作系统 安卓
- HBuilderX版本 3.4.7.20220422
补充信息
[可选]
[]
2条答案
按热度按时间2ic8powd1#
在ide上可以,真机上面无效
cuxqih212#
不使用uni-app时是否正常?