HarmonyOS 如何实现文字描边？

Question

如题：HarmonyOS 如何实现文字描边？

Answer 1

参考示例：

@Entry
@Component
struct Index {
  //用来配置CanvasRenderingContext2D对象的参数，包括是否开启抗锯齿，true表明开启抗锯齿。
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  //用来创建CanvasRenderingContext2D对象，通过在canvas中调用CanvasRenderingContext2D对象来绘制。
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

  build() {
    Column() {
      Canvas(this.context)
        .width('100%')
        .height('100%')
        .onReady(() =>{
          // 描边文本
          this.context.font = '55px sans-serif';
          this.context.strokeStyle = "#ffea0acb";
          // 描边宽度
          this.context.lineWidth = 1
          this.context.strokeText("描边文本",10,300);
          this.context.fillStyle = "black";
          this.context.fillText("描边文本",10,300);
        })
    }
    .width('100%')
    .height('100%')
    .padding({left:20})
  }
}