pixelMap格式图如何进行页面流转

import image from '@ohos.multimedia.image';


// 获取PixelMap对象（示例）

let pixelMap: image.PixelMap = ...; // 从相机/图库获取的PixelMap


// 转换为ArrayBuffer

const imageSource = image.createImageSource(pixelMap);

const packOptions: image.PackingOption = {

  format: "image/jpeg",  // 指定输出格式

  quality: 90            // 压缩质量（1-100）

};

imageSource.getImageData(packOptions, (err, data) => {

  if (!err) {

    const arrayBuffer = data.data;

    // 转为Base64字符串

    const base64Data = arrayBufferToBase64(arrayBuffer);

    navigateToNextPage(base64Data);

  }

});


// ArrayBuffer转Base64工具函数

function arrayBufferToBase64(buffer: ArrayBuffer): string {

  let binary = '';

  const bytes = new Uint8Array(buffer);

  for (let i = 0; i < bytes.byteLength; i++) {

    binary += String.fromCharCode(bytes[i]);

  }

  return btoa(binary);

}
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.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.

import image from '@ohos.multimedia.image';


// Base64转ArrayBuffer

function base64ToArrayBuffer(base64: string): ArrayBuffer {

  const binaryString = atob(base64);

  const len = binaryString.length;

  const bytes = new Uint8Array(len);

  for (let i = 0; i < len; i++) {

    bytes[i] = binaryString.charCodeAt(i);

  }

  return bytes.buffer;

}


// 创建PixelMap

const arrayBuffer = base64ToArrayBuffer(receivedBase64);

const imageSource = image.createImageSource(arrayBuffer);

imageSource.createPixelMap().then((pixelMap) => {

  this.targetPixelMap = pixelMap; // 用于页面渲染

});
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.
33.
34.
35.