如何设置一张图片上面四个角都分别有一个角标

【问题描述】

应用需求，在一张图片上面四个角分别设置一个角标。

【运行环境】

硬件：rk3568； ROM: 3.2 ； API 9

可以使用绝对定位，设置元素锚点相对于父容器顶部起点的偏移位置。在布局容器中，设置该属性不影响父容器布局。

@Entry

@Component

struct PositionExample2 {

  build() {

    Column({ space: 20 }) {

      Stack({ alignContent: Alignment.TopStart }) {

        Row()

          .size({ width: '100', height: '100' })

          .backgroundColor(0xdeb887)

        Image(\$r('app.media.app\_icon'))

          .size({ width: 25, height: 25 })

          .markAnchor({ x: 0, y: 0 })

        Image(\$r('app.media.app\_icon'))

          .size({ width: 25, height: 25 })

          .markAnchor({ x: 25, y: 25 })

          .position({ x: '100%', y: '100%' }) 

      }.margin({ top: 25 }).width('100').height('100')

    }

    .width('100%').margin({ top: 25 })

  }

}