- 发布：2026-01-04 10:24
- 更新：2026-01-04 15:25
- 阅读：42
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows 11
HBuilderX类型： 正式
HBuilderX版本号： 3.8.7
手机系统： 全部
手机厂商： 华为
页面类型： vue
vue版本： vue3
打包方式： 离线
项目创建方式： HBuilderX
测试过的手机：
操作步骤：
每次必现，ios, android笔画断开位置不一样
每次必现，ios, android笔画断开位置不一样
预期结果：
笔画正常
笔画正常
实际结果：
笔画断开
笔画断开
bug描述：
app canvas有bug, 用hanzi writer库，在canvas描绘汉字笔画，小程序正常，app汉字有些笔画断开
该bug反馈内容不完整，缺少关键代码示例和详细复现步骤，仅说明"用hanzi writer库在canvas描绘汉字笔画，app端笔画断开，小程序正常"，但未提供具体实现代码、canvas配置参数及hanzi writer库的调用方式，导致官方难以直接复现。分类信息中HBuilderX版本3.8.7较旧（当前主流为4.36+），且"手机OS平台：全部"表述模糊，未区分iOS/Android具体表现。
根据知识库，App平台canvas存在多处历史修复记录：
- App-iOS平台修复组件canvas通过style.setProperty方法动态修改尺寸导致渲染异常
- App-iOS平台修复组件canvas反复退出进入应用偶发闪退
- App平台修复vue2项目下导出的class实例被vue响应式后调用方法报错
问题很可能源于旧版本(3.8.7)中canvas渲染机制缺陷，而hanzi writer作为第三方库可能未适配uni-app的跨平台canvas实现。建议用户：
- 升级至HBuilderX 4.36+版本（已修复多起canvas渲染问题）
- 补充完整代码示例及设备具体型号
- 检查是否误用nvue的weex渲染模式（应优先使用vue3+普通canvas）
- 参考uni-app canvas文档确认API使用规范
若仍复现，需提供最小可复现案例以便进一步排查。
a***@sina.com (作者)
升级到4.87一样有这个问题，hanzi writer这个库在uniapp打包的小程序上没问题， app用的是vue, 不是nvue, 问题应该是app里的canvas实现有bug, 附件是测试程序，在小程序里运行正常，在hbuildx运行到android app基座有问题
DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信
运行你给的项目到安卓标准基座无法展示具体内容，运行到微信小程序渲染正常，请自查代码引入、操作流程是否有问题
