HarmonyOS 使用CanvasRenderingContext2D如何画粗体文字

HarmonyOS
2天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
superinsect

可以给font设置属性font-weight,参考文档中的font:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-canvasrenderingcontext2d-V5#属性

demo:

// xxx.ets
@Entry
@Component
struct Fonts {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .backgroundColor('#ffff00')
        .onReady(() =>{
          this.context.font = '30vp bold sans-serif'
          this.context.fillText("Hello Word", 20, 100)
          this.context.font = '30vp sans-serif'
          this.context.fillText("Hello Word", 20, 300)
        })
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
2天前
相关问题
HarmonyOS CanvasRenderingContext2D使用问题
36浏览 • 1回复 待解决
使用Drawing进行2d图像绘制
949浏览 • 1回复 待解决
ArkGraphics 2D都有哪些使用场景?
651浏览 • 1回复 待解决
HarmonyOS 如何使用Canvas扇形
22浏览 • 1回复 待解决
ArkGraphics 2D有什么优势?
413浏览 • 1回复 待解决
HarmonyOS Matrix2D的用法问题
31浏览 • 1回复 待解决
HarmonyOS Path2D的addPath方法报错
271浏览 • 1回复 待解决