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
相关问题
TextField怎么给某段文字设置颜色
7331浏览 • 2回复 待解决
text怎么更改部分文字颜色
5234浏览 • 1回复 待解决
文字背景颜色渐变显示
404浏览 • 1回复 待解决
如何设置状态栏导航栏颜色
632浏览 • 1回复 待解决
状态栏设置颜色失效该怎么办啊?
158浏览 • 1回复 待解决
设置状态栏颜色不起作用怎么回事?
476浏览 • 1回复 待解决
XComponent组件如何设置背景颜色
427浏览 • 1回复 待解决
如何将背景颜色设置为透明
418浏览 • 1回复 待解决
WebView如何设置文字大小?
5649浏览 • 3回复 待解决
JS 卡片背景颜色怎么修改呢?
5045浏览 • 3回复 待解决
MenuItem里icon图标怎么颜色
397浏览 • 1回复 待解决
Image 上怎么添加文字?
1266浏览 • 1回复 待解决