HarmonyOS 现在端上有些图片控件是封装的三方的 ImageKnife，遇到了圆角的问题，这个有什么解决方案？

Question

如题：HarmonyOS 现在端上有些图片控件是封装的三方的 ImageKnife，遇到了圆角的问题，这个有什么解决方案？

Answer 1

imageknife的圆角功能在整改中，可能需要较长时间来修复

我们暂时先提供一个规避方案来解决该问题

可以在ImageKnifeComponent组件外再套一层容器进行裁剪实现圆角效果

示例代码：

Row() {
  ImageKnifeComponent({
    imageKnifeOption: {
      loadSrc: $r("app.media.1000"),
      mainScaleType: ScaleType.FIT_XY
    }
  }).width(300).height(300)
}.borderRadius(50).clip(true)

加 mainScaleType:ScaleType.FIT\_XY 保证图片正确填充

import { ImageKnifeComponent, ImageKnifeOption ,ScaleType } from '@ohos/imageknife'
@Entry
@Component
struct Index {
  @State message: string = 'Hello World'
  @State option: ImageKnifeOption = {
    loadSrc: $r("app.media.tess"),
  }

  build() {
    Row() {
      ImageKnifeComponent({
        imageKnifeOption: {
          loadSrc: $r("app.media.tess"),
          mainScaleType:ScaleType.FIT_XY
        }
      })
    }.width(300).height(500).borderRadius(50).clip(true)
  }
}