HarmonyOS 鸿蒙Next中如何将界面转换为图片？

demo示例：

import {componentSnapshot} from '[@kit](/user/kit).ArkUI' 

import { image } from '[@kit](/user/kit).ImageKit'; 

[@Entry](/user/Entry) 

[@Component](/user/Component) 

struct SnapshotExample { 

  [@State](/user/State) pixmap: image.PixelMap | undefined = undefined 

  build() { 

    Column() { 

      Row() { 

        Image(this.pixmap).width(200).border({ color: Color.Black, width: 2 }).margin(5) 

        Column(){ 

          Image($r('app.media.app_icon')).autoResize(true).width(100).height(100).margin(5).id("root") 

          Text('测试').fontSize(20).fontWeight(FontWeight.Bold).fontColor(Color.Red) 

          Button('测试') 

        }.id('root') 

      } 

      Button("click to generate UI snapshot") 

        .onClick(() => { 

          componentSnapshot.get("root", (error: Error, pixmap: image.PixelMap) => { 

            if (error) { 

              console.log("error: " + JSON.stringify(error)) 

              return; 

            } 

            this.pixmap = pixmap 

          }) 

        }).margin(10) 

    } 

    .width('100%') 

    .height('100%') 

    .alignItems(HorizontalAlign.Center) 

  } 

}