handleFillText() {
var ctx = this.context;
ctx.setFontSize(20)
ctx.fillText('你好', 20, 20)
ctx.fillText('DCloud', 100, 100)
ctx.draw(true)
},
1***@qq.com
- 发布：2025-05-28 11:00
- 更新：2025-06-02 17:41
- 阅读：86
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： Windows 11 家庭中文版
HBuilderX类型： 正式
HBuilderX版本号： 4.65
手机系统： Android
手机系统版本号： Android 11
手机厂商： 华为
手机机型： nova9
页面类型： nvue
vue版本： vue3
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo
更改handleFillText使其绘制中文，显示不出来并且页面直接卡住
运行nvue实现canvas画布示例：NvueCanvasDemo，代码地址：https://github.com/dcloudio/NvueCanvasDemo
更改handleFillText使其绘制中文，显示不出来并且页面直接卡住
预期结果：
中文能正常显示
中文能正常显示
实际结果：
中文显示不出来，页面直接卡住，控制台没有报错信息
中文显示不出来，页面直接卡住，控制台没有报错信息
bug描述：
nvue通过 gcanvas 组件 实现canvas画布，绘制中文失败
1***@qq.com (作者)
我是用live-pusher插件的直播来实现自定义样式的相机，live-pusher插件只能用nvue，业务上现在需要实现水印相机的功能，现在在nvue页面画不了水印，只能先跳转到vue的页面绘制好水印再回显回去
2025-06-06 17:04
空白人吗
回复 1***@qq.com: 其实你用反了，你可以用vue 页面 做主，然后 全部透明元素，放个canvas ，然后 子窗口是nvue 渲染，上面放live-pusher 和 水印覆盖的元素样式，子窗口里面点击拍照的时候，传递给主窗口图片 和水印配置，主窗口直接通过 canvas 去合成图片，这样不就实现了
2025-06-08 21:50