HarmonyOS 鸿蒙Next如何自定义截图

1. 可以使用窗口截图：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-window-V5#snapshot9

// EntryAbility.ets

onWindowStageCreate(windowStage: window.WindowStage): void {
  ...
  AppStorage.setOrCreate('windowStage', windowStage);
  ...
}

===================================
// xxx.ets

import { BusinessError } from '@kit.BasicServicesKit';
import { image } from '@kit.ImageKit';
import { window } from '@kit.ArkUI';

@Entry
@Component
struct xxx{
  @State snapshotPixelMap: image.PixelMap | null = null;

  build() {
    Column() {
      Button("snapshot").onClick(() => {
        try {
          this.snapshot()
        } catch (err) {
          console.error("errCode:" + (err as BusinessError).code + ",errMessage:" + (err as BusinessError).message);
        }
      })
      Image(this.snapshotPixelMap).width(200).height(200).objectFit(ImageFit.ScaleDown).borderWidth(1)
    }
  }

  snapshot() {
    let windowStage = AppStorage.get("windowStage") as window.WindowStage
    try {
      let windowClass = windowStage.getMainWindowSync();
      windowClass.snapshot((err: BusinessError, pixelMap: image.PixelMap) => {
        const errCode: number = err.code;
        if (errCode) {
          console.error('Failed to snapshot window. Cause:' + JSON.stringify(err));
          return;
        }
        console.info('Succeeded in snapshotting window. Pixel bytes number: ' + pixelMap.getPixelBytesNumber());
        this.snapshotPixelMap = pixelMap
        // pixelMap.release(); // PixelMap使用完后及时释放内存
      });
    } catch (exception) {
      console.error(`Failed to obtain the main window. Cause code: ${exception.code}, message: ${exception.message}`);
    }
  }
}

1. 可以组件截图，用这个componentSnapshot的方法。您这边用窗口截图获取到的 pixelMap，再对pixelMap进行处理，使用crop方法进行裁剪。图像crop方法api地址：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-image-V5#ZH-CN_TOPIC_0000001884758670__crop9

import { BusinessError } from '@kit.BasicServicesKit';
import { image } from '@kit.ImageKit';
import { window } from '@kit.ArkUI';

@Entry
@Component
struct Index {
  @State snapshotPixelMap: image.PixelMap | null = null;

  build() {
    Column({ space: 10 }) {
      Text("111").width("100%").backgroundColor(Color.Pink)
      Text("111").width("100%").backgroundColor(Color.Pink)
      Text("111").width("100%").backgroundColor(Color.Pink)
      Button("snapshot").onClick(() => {
        try {
          this.snapshot()
        } catch (err) {
          console.error("errCode:" + (err as BusinessError).code + ",errMessage:" + (err as BusinessError).message);
        }
      })
      Image(this.snapshotPixelMap).width(200).height(200).objectFit(ImageFit.ScaleDown).borderWidth(1).backgroundColor(Color.Green)
    }.width("100%").height("100%")
    .backgroundColor(Color.Yellow)
  }

  snapshot() {
    let windowStage = AppStorage.get("windowStage") as window.WindowStage
    try {
      let windowClass = windowStage.getMainWindowSync();
      windowClass.snapshot((err: BusinessError, pixelMap: image.PixelMap) => {
        const errCode: number = err.code;
        if (errCode) {
          console.error('Failed to snapshot window. Cause:' + JSON.stringify(err));
          return;
        }
        console.info('Succeeded in snapshotting window. Pixel bytes number: ' + pixelMap.getPixelBytesNumber());

        let region: image.Region = { x: 600, y: 0, size: { height: 1200, width: 400 } };
        if (pixelMap != undefined) {
          pixelMap.cropSync(region)
          this.snapshotPixelMap = pixelMap
        }
        // pixelMap.release(); // PixelMap使用完后及时释放内存
      });
    } catch (exception) {
      console.error(`Failed to obtain the main window. Cause code: ${exception.code}, message: ${exception.message}`);
    }
  }
}