HarmonyOS 使用CanvasRenderingContext2D如何画粗体文字

HarmonyOS
2024-12-24 16:04:13
浏览
收藏 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%')
  }
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
分享
微博
QQ
微信
回复
2024-12-24 19:15:57
相关问题
HarmonyOS CanvasRenderingContext2D使用问题
857浏览 • 1回复 待解决
使用Drawing进行2d图像绘制
1853浏览 • 1回复 待解决
ArkGraphics 2D都有哪些使用场景?
1726浏览 • 1回复 待解决
HarmonyOS Matrix2D的用法问题
770浏览 • 1回复 待解决