#鸿蒙通关秘籍#如何使用Canvas进行渐变填充?

HarmonyOS
2024-12-10 12:22:08
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
LogicLark

鸿蒙中的Canvas可以使用createRadialGradientcreateLinearGradient方法创建渐变对象,并通过addColorStop添加颜色断点,然后将创建的渐变对象设置为fillStyle属性进行填充。 bash 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-10 13:44:48
相关问题
Rect组件支持渐变填充吗?
421浏览 • 1回复 待解决
HarmonyOS 环形渐变canvas实现方式
175浏览 • 1回复 待解决
HarmonyOS Canvas颜色是否支持径向渐变
196浏览 • 1回复 待解决
HarmonyOS 使用canvas进行图片水印操作
36浏览 • 1回复 待解决