HarmonyOS 如何给Text增加描边

如何给Text增加描边,好像只看到有shadow,outline外描边,没有文本描边的设置

HarmonyOS
2024-12-25 09:14:22
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

Text组件目前没有描边的属性,可以参考canvas绘制填充和描边重合达到想要的效果

demo:

@Entry
@Component
struct TextExample {
  private settings: RenderingContextSettings = new RenderingContextSettings(true)
  private context: CanvasRenderingContext2D = new CanvasRenderingContext2D(this.settings)

  build() {
    Column() {
      Row() {
        Text("效果:")
          .fontSize(22)
          .fontColor(Color.Blue)
          .maxLines(1)
          .textOverflow({ overflow: TextOverflow.Ellipsis })
          .fontWeight(300)

        Canvas(this.context)
          .width('100%')
          .onReady(() => {
            this.context.font = 'bold 100px sans-serif';
            this.context.fillStyle = '#ff18f608';
            this.context.fillText("Canvas 绘制", 0, 250);

            this.context.font = 'bold 100px sans-serif';
            this.context.lineWidth = 1;
            this.context.strokeStyle = '#fffd0808';
            this.context.strokeText("Canvas 绘制", 0, 250);
          })
      }.width('100%').margin(5)
    }.width('100%')
  }
}
分享
微博
QQ
微信
回复
2024-12-25 10:46:15
相关问题
HarmonyOS Text文本实现
173浏览 • 1回复 待解决
HarmonyOS Text组件是否支持文字
198浏览 • 1回复 待解决
HarmonyOS svg改变颜色
72浏览 • 1回复 待解决
HarmonyOS 如何实现文字效果
673浏览 • 0回复 待解决
HarmonyOS Text中,如何增加Image
242浏览 • 1回复 待解决
HarmonyOS 如何图片增加文字水印
189浏览 • 1回复 待解决
HarmonyOS Web组件如何增加UserAgent
123浏览 • 1回复 待解决