HarmonyOS 如何获取矩阵变换后的PixelMap

使用组件截图，将变换后的组件截图

import componentSnapshot from '@ohos.arkui.componentSnapshot'
import image from '@ohos.multimedia.image'
import { matrix4 } from '@kit.ArkUI'

@Entry
@Component
struct SnapshotExample {
  @State pixmap: image.PixelMap | undefined = undefined
  private matrix1 = matrix4.identity().setPolyToPoly({ src: [{x:0, y:0}, {x:vp2px(200), y:0}, {x:0, y:vp2px(200)}, {x:vp2px(200), y:vp2px(200)} ],
    dst:[{x:0, y:vp2px(50)}, {x:vp2px(200), y:0}, {x:0, y:vp2px(200)}, {x:vp2px(200), y:vp2px(200)}], pointCount:4})
  build() {
    Column() {

      Row() {
        Image($r('app.media.startIcon')).autoResize(true).width(200).height(200).margin(5).transform(this.matrix1)
      }.padding({bottom:100}).id("root")
      Image(this.pixmap).width(200).height(200).border({ color: Color.Black, width: 2 }).margin(5)
      Button("click to generate UI snapshot")
        .onClick(() => {
          componentSnapshot.get("root")
            .then((pixmap: image.PixelMap) => {
              this.pixmap = pixmap
            }).catch((err:Error) => {
            console.log("error: " + err)
          })
        }).margin(10)
    }
    .width('100%')
    .height('100%')
    .alignItems(HorizontalAlign.Center)
  }
}
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.
28.
29.
30.
31.
32.