OpenHarmony开发者论坛

标题: OpenHarmony怎么实现圆形倒角？类似下图中效果 [打印本页]

---

作者: scorpio    时间: 2023-12-5 23:02
标题: OpenHarmony怎么实现圆形倒角？类似下图中效果
[md]
[/md]

---

作者: 马迪    时间: 2023-12-6 09:57
没太明白啥叫倒角

上图圆形的实现，可以参考https://docs.openharmony.cn/page ... -sharp-clipping.md/

1.       // 用一个280px直径的圆对图片进行裁剪
   
2.       Image($r('app.media.testImg'))
   
3.         .clip(new Circle({ width: '280px', height: '280px' }))
   
4.         .width('500px').height('280px')

复制代码

---

作者: 深开鸿_巴延兴    时间: 2023-12-6 09:59
设置borderRadius属性为高宽的一半

---

欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/)

Powered by Discuz! X3.5