canvas filltext 怎么设置文字的颜色,fillStyle和stokeStyle试过都不行

canvas filltext 怎么设置文字的颜色,fillStyle和stokeStyle试过都不行

HarmonyOS
2024-04-29 23:23:47
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
yu_qingbo

参考代码:

@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%') 
        .backgroundColor('#F5DC62') 
        .onReady(() =>{ 
          //绘制填充类文本 
          this.context.font = '50px sans-serif'; 
          this.context.fillStyle = '#0AAAFF'; 
          this.context.fillText("Hello World!", 50, 100); 
          //绘制描边类文本 
          this.context.font = '55px sans-serif'; 
          this.context.fillStyle = '#AAAAFF'; 
          this.context.strokeText("Hello World!", 50, 150); 
        }) 
    } 
    .width('100%') 
    .height('100%') 
    .padding({left:20}) 
  } 
}
分享
微博
QQ
微信
回复
2024-04-30 21:51:27
相关问题
Canvas时候,怎么设置画笔颜色
425浏览 • 1回复 待解决
TextField怎么给某段文字设置颜色
8989浏览 • 2回复 待解决
CanvasfillText 如何旋转角度
491浏览 • 1回复 待解决
text怎么更改部分文字颜色
7189浏览 • 1回复 待解决
HarmonyOS TabContent怎么设置字体颜色
45浏览 • 1回复 待解决
文字背景颜色渐变显示
2179浏览 • 1回复 待解决
HarmonyOS 状态栏怎么设置颜色
34浏览 • 1回复 待解决
HarmonyOS使用canvas如何使文字垂直居中
661浏览 • 1回复 待解决
如何设置状态栏导航栏颜色
2945浏览 • 1回复 待解决