中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
HarmonyOS 如何实现文字描边效果。
微信扫码分享
@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}) } }