实现图片添加贴纸鸿蒙示例代码

build() {
  Column() {
    Image(this.item.img).objectFit(ImageFit.None)
  }
  .width('200vp')
    .height('200vp')
    .border({ width: '1vp', color: 'black' })
    .translate({ x: this.offsetX, y: this.offsetY, z: 0 })
    .gesture(
      PanGesture()
        .onActionStart((event: GestureEvent | undefined) => {
          console.info('Pan start');
        })
        .onActionUpdate((event: GestureEvent | undefined) => {
          if (event) {
            this.offsetX = this.item.positionX + event.offsetX;
            this.offsetY = this.item.positionY + event.offsetY;
            console.info(`move:${event.offsetX}---${event.offsetY}`)
          }
        })
        .onActionEnd(() => {
          this.item.positionX = this.offsetX
          this.item.positionY = this.offsetY
        })
    )
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.