HarmonyOS 绘制图形,radius无法使用数组定义4个圆角

Rect()  
.width('100%')  
.height(40)  
.fillOpacity(0.0)  
.linearGradient({ angle: 0, colors: [[0x2d2d2d, 0.0], [0xffff00, 1.0]] })  
.clip(new Rect({ width: '100%', height: 40, radius: [0, 0, 10, 10] }))
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.

radius设置为10,生效,设置为[]不生效。

HarmonyOS
2024-10-08 10:57:56
933浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
zxjiu

这里需要这样设置,如下设置即可生效。

demo如下:

@Entry  
@Component  
struct RectPage {  
  @State message: string = 'Hello World';  
  build() {  
    Row() {  
      Column() {  
        Rect()  
          .width('100%')  
          .height(40)  
          .fillOpacity(0.0)  
          .linearGradient({ angle: 0, colors: [[0x2d2d2d, 0.0], [0xffff00, 1.0]] })  
          .clip(new Rect({ width: '100%', height: 40, radius: [[0, 0], [0, 0], [20, 20], [20, 20]] }))  
      }  
      .width('100%')  
    }  
    .height('100%')  
  }  
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
分享
微博
QQ
微信
回复
2024-10-08 16:14:17


相关问题
使用Native、XComponent和EGL绘制图形
1801浏览 • 1回复 待解决
HarmonyOS Canvas中关于绘制图片问题
1029浏览 • 1回复 待解决
画布上绘制图片如何实现?
830浏览 • 1回复 待解决
使用Drawing实现图形绘制与显示
1778浏览 • 1回复 待解决
如何使用canvas绘制圆角矩形
1233浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角
902浏览 • 1回复 待解决
HarmonyOS Canvas绘制圆角矩形
1004浏览 • 1回复 待解决
XComponent、NativeDrawing实现2D图形绘制
2091浏览 • 1回复 待解决
如何绘制圆角的矩形
1006浏览 • 1回复 待解决
XComponent、openGL实现3D图形绘制
3077浏览 • 1回复 待解决