uni-app 京东小程序canvas点击事件无效

yi0zb3m4  于 5个月前  发布在  uni-app
关注(0)|答案(2)|浏览(56)

问题描述
京东小程序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

补充信息
[可选]
[]

2ic8powd

2ic8powd1#

在ide上可以,真机上面无效

cuxqih21

cuxqih212#

不使用uni-app时是否正常?

相关问题