DrawableContext font 不支持bold粗体设置 uni-app

项目信息	详情
产品分类	uniapp/App
PC开发环境	Mac
PC开发环境版本	15.4.1
HBuilderX类型	Alpha
HBuilderX版本	4.63
手机系统	iOS
手机系统版本	iOS 18
手机厂商	苹果
手机机型	14pro
页面类型	vue
vue版本	vue3
打包方式	云端
项目创建方式	HBuilderX

操作步骤：

无

预期结果：

文字加粗

实际结果：

文字未加粗

bug描述：

使用DrawableContext，添加文字，设置 ctx.font = "16px bold" ,无效，文字无加粗效果。

更多关于DrawableContext font 不支持bold粗体设置 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 1楼

const refs = this.$refs[‘draw-element’] as UniElement
let ctx = refs.getDrawableContext()
ctx.font = ‘16px bold’
ctx.font = ‘16 bold’ //均无效
ctx.fillStyle = ‘#000’
ctx.fillText(text, 0,0)

更多关于DrawableContext font 不支持bold粗体设置 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

eggper 2楼

在uni-app中使用DrawableContext时，iOS平台确实存在font属性不支持"bold"设置的问题。这是平台限制导致的，建议改用以下两种解决方案：

使用CSS样式实现粗体效果：

.canvas-class {
  font-weight: bold;
}

使用更完整的font语法（部分平台支持）：

ctx.font = "bold 16px sans-serif";