HarmonyOS 自定义组件是否可以转换成PixelMap

 HarmonyOS 自定义组件是否可以转换成PixelMap

HarmonyOS
2024-08-30 09:27:51
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

您这边的需求是要组件截图吗?如果是的话,可以参考如下文档:

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-componentsnapshot-V5#componentsnapshotget

import componentSnapshot from '@ohos.ArkUI.componentSnapshot' 
import image from '@ohos.multimedia.image' 
@Entry 
@Component 
struct waterMarkPage { 
  @State pixmap: image.PixelMap | undefined = undefined 
  build() { 
    Column() { 
      Stack({ alignContent: Alignment.Center }){ 
        Image($r('app.media.ic_product02')).autoResize(true).width(300).height(300) 
        Row() { 
          Text("水印").width(40).height(20).fontSize(16).fontColor(Color.White) 
            .border({ color: Color.Red, width: 1 }).borderRadius(4) 
            .margin({top:10,right:10}) 
        } 
        .width(300).height(300) 
        .alignItems(VerticalAlign.Top) 
        .justifyContent(FlexAlign.End) 
        Row() { 
          Image($r('app.media.startIcon')).autoResize(true).width(40).height(40).margin({bottom:10,right:10}) 
        } 
        .width(300).height(300) 
        .alignItems(VerticalAlign.Bottom) 
        .justifyContent(FlexAlign.End) 
      } 
      .id("root") 
      Button("生成水印图片") 
        .onClick(() => { 
          componentSnapshot.get("root") 
            .then((pixmap: image.PixelMap) => { 
              this.pixmap = pixmap 
            }).catch((err:Error) => { 
            console.log("error: " + err) 
          }) 
        }).margin(10) 
      Image(this.pixmap).width(300).height(300).border({ color: Color.Blue, width: 1 }).margin(5) 
    } 
    .width('100%') 
    .height('100%') 
    .alignItems(HorizontalAlign.Center) 
  } 
}
分享
微博
QQ
微信
回复
2024-08-30 17:58:57
相关问题
json 如何转换成自定义的业务类对象
803浏览 • 1回复 待解决
HarmonyOS Object怎么转换成map
39浏览 • 1回复 待解决
PixelMap类型怎么转换成Base64字符串
634浏览 • 1回复 待解决
Map类型怎么转换成Json string
2195浏览 • 1回复 待解决
如何base64转换成图片?
10329浏览 • 2回复 待解决
HarmonyOS将对象转换成字符串的方法
585浏览 • 1回复 待解决
如何将文件转换成字符串
418浏览 • 1回复 待解决
请问如何将openblock文件转换成exe文件
2359浏览 • 0回复 待解决
返回按钮是否可以自定义事件?
238浏览 • 1回复 待解决
CounterComponent的样式是否可以自定义
229浏览 • 1回复 待解决
如何将某个时间转换成距现在的时间
601浏览 • 1回复 待解决
是否可以自定义权限弹框文字
1698浏览 • 1回复 待解决
提问
该提问已有0人参与 ,帮助了0人