如上
982260355
- 发布：2022-04-29 11:07
- 更新：2024-04-08 11:37
- 阅读：1130
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win11
HBuilderX类型： 正式
HBuilderX版本号： 3.4.7
手机系统： Android
手机系统版本号： Android 11
手机厂商： 小米
手机机型： 多个
页面类型： vue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
如上
如上
实际结果：
如上
如上
bug描述：
vue2的app版本和vue3的H5版本均正常。
复制官方曾经在github上面提供的代码也有概率会失败！！！
982260355 (作者)
<template>
<view class="">
<button @click="open">打开弹窗</button>
<uni-popup ref="popup" type="bottom">
<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>
</uni-popup>
</view>
</template>
<script>
export default {
data() {
return {
}
},
onLoad() {
},
methods: {
open() {
this.$refs.popup.open()
setTimeout(() => {
this.draw()
}, 500)
},
draw() {
var context = uni.createCanvasContext('firstCanvas')
context.setStrokeStyle("#00ff00")
context.setLineWidth(5)
context.rect(0, 0, 200, 200)
context.stroke()
context.setStrokeStyle("#ff0000")
context.setLineWidth(2)
context.moveTo(160, 100)
context.arc(100, 100, 60, 0, 2 * Math.PI, true)
context.moveTo(140, 100)
context.arc(100, 100, 40, 0, Math.PI, false)
context.moveTo(85, 80)
context.arc(80, 80, 5, 0, 2 * Math.PI, true)
context.moveTo(125, 80)
context.arc(120, 80, 5, 0, 2 * Math.PI, true)
context.stroke()
context.draw()
}
}
} </script>
982260355 (作者)
@DCloud_UNI_WYQ @DCloud_UNI_TJX @DCloud_UNI_LXH @DCloud_UNI_JSON @DCloud_UNI_HT @DCloud_UNI_HDX @DCloud_UNI_GSQ @DCloud_UNI_FXY @DCloud_UNI_CHB @DCloud_UNI_Anne 。有一说一，响应BUG的效率有点低啊。
测了一下，确实会存在。
临时解决方案：在打开和关闭的时候给canvas加vif控制一下
<canvas v-if="show" style="width: 300px; height: 200px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>
迷你猩
亲，你的这个问题解决了吗？今天我也发现了这个问题，h5上测试没问题，app上有问题
2023-10-13 15:28