addColorStop能否与圆形渐变一起使用?

我看到有 createRadialGradient() 方法可以实现放射状渐变,请问 addColorStop 是否也适用于这个方法?

addColorStop
2025-08-15 14:03:40
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
AlgorithmAce

addColorStop() 既适用于线性渐变(createLinearGradient),也适用于径向渐变(createRadialGradient)。

let grad = this.context.createRadialGradient(150, 150, 0, 150, 150, 100)
grad.addColorStop(0.0, '#ffffff')
grad.addColorStop(1.0, '#000000')

this.context.fillStyle = grad
this.context.fillRect(50, 50, 200, 200)

上述代码会绘制出一个中心亮、边缘暗的渐变区域,模拟光照效果。

分享
微博
QQ
微信
回复
2025-08-18 10:53:10
相关问题
HarmonyOS 表情图片文本一起展示
922浏览 • 1回复 待解决
开源书籍推荐,大家一起来学习下啊
6919浏览 • 1回复 待解决
鸿蒙 如何实现渐变圆形图片;
13761浏览 • 2回复 已解决
设置样的宽高无法显示到一起
1225浏览 • 1回复 待解决
HarmonyOS navigation能否tourer共存
618浏览 • 1回复 待解决