分享的图片是一个二维码,在分享的时二维码图片能否生成

分享的图片是一个二维码,在分享的时二维码图片能否生成?

HarmonyOS
2024-10-30 10:47:13
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

​可以使用组件截图的方式,生成一张图片保存至相册,然后分享。组件截图文档:​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-arkui-componentsnapshot-V5

demo:​

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)  
  }  
}

pixelMap保存到相册:

async imageWriteAlbumExample(pixelMap:image.PixelMap) {  
  console.info('createAssetDemo');  
  let context = getContext(this);  
  let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);  
  let photoType: photoAccessHelper.PhotoType = photoAccessHelper.PhotoType.IMAGE;  
  let extension:string = 'jpg';  
  let options: photoAccessHelper.CreateOptions = {  
    title: 'testPhoto'  
  }  
  let uri = await phAccessHelper.createAsset(photoType, extension, options);  
  try {  
    // 方式:通过imagePacker写入文件  
    let file: fs.File = fs.openSync(uri, fs .OpenMode.WRITE_ONLY);  
    let imagePacker: image.ImagePacker = image.createImagePacker();  
    let packOpts: image.PackingOption = { format: 'image/jpeg', quality: 100 };  
    await imagePacker.packToFile(pixelMap , file.fd, packOpts);  
    fs.closeSync(file);  
    promptAction.showToast({  
      message: '已保存至相册',  
      duration: 2500  
    });  
  
  }  
  catch (err) {  
    console.error("error is "+ JSON.stringify(err))  
    promptAction.showToast({  
      message: '保存失败',  
      duration: 2000  
    });  
  }  
}
分享
微博
QQ
微信
回复
2024-10-30 17:32:06
相关问题
HarmonyOS 二维生成demo
94浏览 • 2回复 待解决
HarmonyOS 二维条码扫描识别
334浏览 • 1回复 待解决
HarmonyOS如何无感知扫描二维
269浏览 • 1回复 待解决
HarmonyOS 支持扫描二维吗?
219浏览 • 1回复 待解决
二维扫描三方库推荐
55浏览 • 1回复 待解决
openHarmony-Api8项目,如何生成二维
856浏览 • 0回复 待解决
Canvas组件实现二维中心内嵌图标
712浏览 • 1回复 待解决
HarmonyOS扫描二维方案是什么?
1908浏览 • 1回复 待解决
QRCode二维码长度限制256字符
380浏览 • 1回复 待解决
HarmonyOS 二维数组刷新问题
179浏览 • 1回复 待解决