<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>
const context = uni.createCanvasContext('firstCanvas', this)
context .setFillStyle('blue')
context .fillRect(0, 0, 300, 200)
context.fillText('测试', 100, 100)
context.draw()
星星在学习
- 发布：2022-03-07 17:58
- 更新：2022-03-08 17:29
- 阅读：1127
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： window10
HBuilderX类型： Alpha
HBuilderX版本号： 3.4.0
手机系统： Android
手机系统版本号： Android 11
手机厂商： 努比亚红魔5g
手机机型： NX659J
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>
const context = uni.createCanvasContext('firstCanvas', this)
context .setFillStyle('blue')
context .fillRect(0, 0, 300, 200)
context.fillText('测试', 100, 100)
context.draw()
<canvas style="width: 300px; height: 200px;" canvas-id="firstCanvas" id="firstCanvas"></canvas>
const context = uni.createCanvasContext('firstCanvas', this)
context .setFillStyle('blue')
context .fillRect(0, 0, 300, 200)
context.fillText('测试', 100, 100)
context.draw()
预期结果：
画布中显示文本“测试”
画布中显示文本“测试”
实际结果：
画布中不显示文本
画布中不显示文本
bug描述：
使用最新版HBuilder3.4.0，无法实现Canvas填充文本显示。绘制画布背景色可以生效，但关于绘制填充文本信息却无法显示。可以看出确实有填充文本占位，但就是无法显示文本。
3 个回复
DCloud_UNI_GSQ
Bug 确认，已加分，即将修复。
DCloud_UNI_GSQ
HBuilderX alpha 3.4.1+ 已修复
aak12345
3.5+我遇到一个问题，就是页面第一次能正常显示文字。我退出页面，再次进入时，文字就不显示了。
2022-08-16 16:48
者行孙
+1 同样出现这个问题了