HarmonyOS是否有将界面生成图片的方法

将一张图片与特定的页面样式拼接起来,生成新的图片。

HarmonyOS
2024-08-03 13:18:48
1293浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
truemichael

可以使用组件截图来完成你的需求。文档参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-componentsnapshot-V5?catalogVersion=V5

demo示例:

import {componentSnapshot} from '@kit.ArkUI' 
import { image } from '@kit.ImageKit'; 
@Entry 
@Component 
struct SnapshotExample { 
  @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) 
  } 
}
  • 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.
分享
微博
QQ
微信
回复1
2024-08-04 13:40:24
相关问题
HarmonyOS 是否清理urlcache方法
1089浏览 • 1回复 待解决
HarmonyOS是否官方提供加锁方法
1093浏览 • 1回复 待解决
HarmonyOS是否图片Toast组件?
886浏览 • 1回复 待解决
HarmonyOS 组件生成图片保存
818浏览 • 1回复 待解决
HarmonyOS 是否能计算码点方法
1074浏览 • 1回复 待解决
识别本地图片方法哪些?
1109浏览 • 1回复 待解决
HarmonyOS 是否图片滑块验证示例
723浏览 • 1回复 待解决
HarmonyOS 是否便捷图片剪裁功能
532浏览 • 1回复 待解决
HarmonyOS 组件是否销毁回调方法
1476浏览 • 1回复 待解决