HarmonyOS Text组件是否可以设置文字描边-鸿蒙开发者社区-51CTO.COM

HarmonyOS Text组件是否可以设置文字描边

Text组件是否可以设置描边。或者自定义出类似的效果。

HarmonyOS  Text组件是否可以设置文字描边-鸿蒙开发者社区

HarmonyOS
2024-09-25 13:03:20
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

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-09-25 17:01:06
相关问题
HarmonyOS 如何实现文字效果
293浏览 • 0回复 待解决
如何获取Text组件文字的宽度
2055浏览 • 1回复 待解决
Text匹配文字高亮显示
776浏览 • 1回复 待解决
HarmonyOS Text组件设置行间距吗?
331浏览 • 0回复 待解决
Text组件是否支持多行显示
1913浏览 • 1回复 待解决
是否可以自定义权限弹框文字
1609浏览 • 1回复 待解决
UIAbility是否可以设置圆角
1806浏览 • 1回复 待解决