HarmonyOS Canvas颜色是否支持径向渐变

需要回一个彩色圆环图

HarmonyOS
20h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
fox280

CanvasGradient控制渐变色的一个方向,可通通过使用createLinearGradient创建一个线性渐变色,通过四个参数控制渐变色的方向。

如下示例可以实现一个从下到上的线性渐变。

参考demo:

Canvas(this.context)
  .width('100%')
  .height('100%')
  .backgroundColor('#ffff00')
  .onReady(() => {
    let grad = this.context.createLinearGradient(200, 400, 200, 0)
    grad.addColorStop(0.6, '#ff0000')
    grad.addColorStop(1, '#ffeeee')
    this.context.fillStyle = grad
    this.context.fillRect(0, 0, 400, 300)
  })

参考连接:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-canvasrenderingcontext2d-V5#createlineargradient

分享
微博
QQ
微信
回复
17h前
相关问题
HarmonyOS Tab颜色渐变宽度渐变
34浏览 • 1回复 待解决
HarmonyOS 环形渐变canvas实现方式
27浏览 • 1回复 待解决
HarmonyOS 组件背景是否支持渐变色?
275浏览 • 1回复 待解决
类似边框颜色线性渐变
677浏览 • 1回复 待解决
文字背景颜色渐变显示
2198浏览 • 1回复 待解决
DataPanel如何实现颜色渐变
580浏览 • 1回复 待解决
HarmonyOS Canvas设置渐变色没有效果
67浏览 • 1回复 待解决
如何实现组件边缘的颜色渐变
2007浏览 • 1回复 待解决
HarmonyOS mask支持渐变
52浏览 • 1回复 待解决
如何设置边框的颜色渐变色?
541浏览 • 1回复 待解决
Canvas画的时候,怎么设置画笔颜色
437浏览 • 1回复 待解决
HarmonyOS canvas支持画圆角矩形吗
381浏览 • 1回复 待解决