简单文本绘制与显示（ArkTS）

场景介绍

在一个简单的用户界面中，可能只需要展示几行静态文本，例如标签、按钮上的文字、菜单项或状态栏中的提示信息。此时，开发者只需要选择合适的字体、大小和颜色即可完成渲染。

开发步骤

通过context获取到Canvas画布对象。
```
let canvas = context.canvas;
```

初始化文本样式，此处设置字体颜色为红色，字体大小为100px。

// 初始化文本样式
let myTextStyle: text.TextStyle = {
  // 文本颜色
  color: {
    alpha: 255,
    red: 255,
    green: 0,
    blue: 0
  },
  // 文本大小
  fontSize: 100
};

初始化段落样式。

let myParagraphStyle: text.ParagraphStyle = {
  textStyle: myTextStyle,
};

初始化段落对象，并添加文本。

let fontCollection = text.FontCollection.getGlobalInstance();
let paragraphBuilder = new text.ParagraphBuilder(myParagraphStyle, fontCollection);
// 更新文本样式
paragraphBuilder.pushStyle(myTextStyle);
// 添加文本
paragraphBuilder.addText("Hello World");

排版段落并进行文本绘制。

// 生成段落
let paragraph = paragraphBuilder.build();
// 布局
paragraph.layoutSync(1250);
// 绘制文本
paragraph.paint(canvas, 0, 100);

目录

简单文本绘制与显示（ArkTS）

场景介绍

相关属性

开发步骤

效果展示