#鸿蒙通关秘籍#鸿蒙Canvas组件如何实现文本绘制?

HarmonyOS
1天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
SCM幻影舞

在鸿蒙Canvas组件中绘制文本可以通过fillText和strokeText这两个方法实现。具体步骤如下:

  1. 设置字体,通过font属性。
  2. 使用fillText绘制填充文本;strokeText绘制描边文本。

示例:

javascript Canvas(this.context) .width('100%') .height('100%') .backgroundColor('#F5DC62') .onReady(() =>{ this.context.font = '50px sans-serif'; this.context.fillText("Hello World!", 50, 100); this.context.font = '55px sans-serif'; this.context.strokeText("Hello World!", 50, 150); })

分享
微博
QQ
微信
回复
1天前
相关问题
鸿蒙如何实现位图绘制
9919浏览 • 1回复 待解决
如何操作canvas重新绘制
1072浏览 • 1回复 待解决