#鸿蒙通关秘籍#如何在Canvas上创建并使用径向渐变?

HarmonyOS
2024-12-11 11:48:05
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
REST寒潭映月

在鸿蒙Canvas中创建径向渐变涉及创建CanvasGradient对象,并使用它来填充图形。步骤如下:

  1. 创建径向渐变色的CanvasGradient对象。
  2. 设置渐变断点和颜色。
  3. 使用fillStyle填充图形。

示例代码:

javascript Canvas(this.context) .width('100%') .height('100%') .backgroundColor('#F5DC62') .onReady(() =>{ let grad = this.context.createRadialGradient(200,200,50, 200,200,200) grad.addColorStop(0.0, '#E87361'); grad.addColorStop(0.5, '#FFFFF0'); grad.addColorStop(1.0, '#BDDB69'); this.context.fillStyle = grad; this.context.fillRect(0, 0, 400, 400); })

分享
微博
QQ
微信
回复
2024-12-11 14:11:52
相关问题
HarmonyOS Canvas颜色是否支持径向渐变
195浏览 • 1回复 待解决