1***@qq.com

发布：2025-05-28 11:00
更新：2025-06-02 17:41
阅读：50

【报Bug】nvue 下 gcanvas 组件 filltext绘制中文不显示

分类：uni-app

bug反馈

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows 11 家庭中文版

HBuilderX类型：正式

HBuilderX版本号： 4.65

手机系统： Android

手机系统版本号： Android 11

手机厂商：华为

手机机型： nova9

页面类型： nvue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

示例代码：

handleFillText() {
var ctx = this.context;
ctx.setFontSize(20)
ctx.fillText('你好', 20, 20)
ctx.fillText('DCloud', 100, 100)
ctx.draw(true)
},

操作步骤：

运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo
更改handleFillText使其绘制中文，显示不出来并且页面直接卡住

预期结果：

中文能正常显示

实际结果：

中文显示不出来，页面直接卡住，控制台没有报错信息

bug描述：

nvue通过 gcanvas 组件实现canvas画布，绘制中文失败

2025-05-28 11:00 负责人:无分享

2 个回复

空白人吗 - 7年开发经验可接APP 小程序网页后端 vx:wu1020yt

建议别用nvue 去做画板页面，实测会卡疯，发热

9***@qq.com

帮顶，确实不显示中文

要回复问题请先登录或注册

【报Bug】nvue 下 gcanvas 组件 filltext绘制中文不显示

示例代码：

handleFillText() {
var ctx = this.context;
ctx.setFontSize(20)
ctx.fillText('你好', 20, 20)
ctx.fillText('DCloud', 100, 100)
ctx.draw(true)
},

操作步骤：

运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo
更改handleFillText使其绘制中文，显示不出来并且页面直接卡住

预期结果：

中文能正常显示

实际结果：

中文显示不出来，页面直接卡住，控制台没有报错信息

bug描述：

2 个回复

公告

相关问题

【报Bug】nvue 下 gcanvas 组件 filltext绘制中文不显示

示例代码： handleFillText() { var ctx = this.context; ctx.setFontSize(20) ctx.fillText('你好', 20, 20) ctx.fillText('DCloud', 100, 100) ctx.draw(true) },

操作步骤： 运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo 更改handleFillText使其绘制中文，显示不出来并且页面直接卡住

预期结果： 中文能正常显示

实际结果： 中文显示不出来，页面直接卡住，控制台没有报错信息

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

示例代码：

handleFillText() {
var ctx = this.context;
ctx.setFontSize(20)
ctx.fillText('你好', 20, 20)
ctx.fillText('DCloud', 100, 100)
ctx.draw(true)
},

操作步骤：

运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo
更改handleFillText使其绘制中文，显示不出来并且页面直接卡住

预期结果：

中文能正常显示

实际结果：

中文显示不出来，页面直接卡住，控制台没有报错信息