如何对某个组件实现局部截图?

如何对某个组件实现局部截图?

HarmonyOS
2024-07-22 10:38:12
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
e_leaner

如图点击按钮实现上方黄色区域截图,然后下方显示

import componentSnapshot from '@ohos.arkui.componentSnapshot'
import image from '@ohos.multimedia.image'

@Entry
@Component
export struct SnapshotExample {
  @State pixmap: image.PixelMap | undefined = undefined
  build() {
    Column({ space: 30 }) {
      Column() {
        Text("张三")
          .padding(10)
          .fontColor(Color.White)
          .backgroundColor(Color.Blue)
        Text("李四")
          .padding(10)
          .fontColor(Color.White)
          .backgroundColor(Color.Red)
      }
      .id("root")
      .width(200)
      .height(200)
      .justifyContent(FlexAlign.SpaceEvenly)

      .backgroundColor(Color.Yellow)

      Button("截图").onClick(() => {
        componentSnapshot.get("root", ((err: Error, pixmap: image.PixelMap) => {
          if (err) {
            return
          }
          this.pixmap = pixmap
        }))
      })
      Image(this.pixmap).width(200)
        .height(200)
        .border({width:1,color:Color.Gray})
    }.height("100%")
    .width("100%")
    .justifyContent(FlexAlign.SpaceEvenly)
  }
}
分享
微博
QQ
微信
回复
2024-07-22 19:26:41
相关问题
WebView 如何实现截图
1250浏览 • 1回复 待解决
鸿蒙截图功能实现的问题
10372浏览 • 1回复 待解决
HarmonyOS中List组件是否支持局部刷新
622浏览 • 1回复 待解决
如何执行点击某个组件的命令?
4172浏览 • 1回复 待解决
HarmonyOS 如何获取某个组件的尺寸?
57浏览 • 1回复 待解决
HarmonyOS ForEach局部刷新
497浏览 • 1回复 待解决
如何判断对象是某个interface的实现
1142浏览 • 1回复 待解决
应用内组件截图并保存到用户文件
1126浏览 • 1回复 待解决
如何实现LocalStorage的实时监听?
516浏览 • 1回复 待解决