HarmonyOS 关于使用获取屏幕截图接口异常的问题

以下是调用获取屏幕截屏的代码，最终想要获取图片的base64数据：

window.getLastWindow(getContext(),(err:BusinessError,windowClass:window.Window)=>{ 
 windowClass.on("screenshot",()=>{ 
  windowClass?.snapshot((err: BusinessError, pixelMap: image.PixelMap) => { 
   if (err.code) { 
    return 
   } 
   let buffer: ArrayBuffer = new ArrayBuffer(pixelMap.getPixelBytesNumber()); 
   pixelMap.readPixelsToBuffer(buffer).then(() => { 
    let imageBase64 = new util.Base64Helper().encodeToStringSync(new Uint8Array(buffer)); 
    console.log("test",imageBase64) 
   }).catch((err: BusinessError) => { 
 
   }).finally(() => { 
    pixelMap.release() 
   }); 
  }) 
 }) 
 
})1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.

但最终获取的是一串：/////////////////////////////

请问如何获取屏幕截图的图片的base64数据

HarmonyOS

Heiang

2024-08-29 11:15:39

650浏览

回答 1

按赞同

按时间

zbw_apple

推荐您使用以下这种方案进行截屏编码处理：

import { componentSnapshot, window } from '@kit.ArkUI' 
import { BusinessError } from '@kit.BasicServicesKit' 
import { image } from '@kit.ImageKit' 
import { common } from '@kit.AbilityKit' 
import { util } from '@kit.ArkTS' 
 
@Entry 
@Component 
export struct ScreenImageTest { 
  @State pixmap: image.PixelMap | undefined = undefined 
 
  build() { 
    Column() { 
      Image($r('app.media.food')) 
        .width('100%') 
        .aspectRatio(ImageFit.Contain) 
        .id("root") 
      Text("截图保存") 
        .fontColor(Color.Black) 
        .fontSize(28) 
        .fontWeight(FontWeight.Bold) 
        .onClick(() => { 
          this.screenImageClick() 
        }) 
    } 
    .height("100%") 
  } 
 
  screenImageClick() { 
    componentSnapshot.get("root", (error: Error, pixmap: image.PixelMap) => { 
      if (error) { 
        console.log("error: " + JSON.stringify(error)) 
        return; 
      } 
      this.pixmap = pixmap 
 
      let buffer: ArrayBuffer = new ArrayBuffer(pixmap.getPixelBytesNumber()); 
      pixmap.readPixelsToBuffer(buffer).then(() => { 
        let imageBase64 = new util.Base64Helper().encodeToStringSync(new Uint8Array(buffer)); 
        console.log("test",imageBase64) 
      }).catch((err: BusinessError) => { 
        console.log("base encode error: " + JSON.stringify(err)) 
      }).finally(() => { 
        pixmap.release() 
      }); 
    }) 
  } 
 
}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.

2024-08-29 17:12:39

如何写精华回答，获更多曝光？

发布

51CTO

51CTO博客

51CTO学堂

HarmonyOS 关于使用获取屏幕截图接口异常的问题

订阅鸿蒙技术特刊，精选内容抢先看