HarmonyOS 在用户不需操作和预览的情况下,实现给图片添加水印

用户选择或拍摄了图片后,不需要经过用户操作和预览,直接对图片添加水印,该如何实现呢?就是用户只看到选择图片或拍照的界面,不看到给图片加水印的过程

HarmonyOS
18h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
zbw_apple

可以参考如下Demo示例:

import { image } from '@kit.ImageKit'

@Entry
@Component
struct Index {
  @State pixelMap: PixelMap | null = null

  aboutToAppear(): void {
    getContext(this).resourceManager.getMediaContent($r("app.media.startIcon")).then((data) => {
      let arrayBuffer = data.buffer.slice(data.byteOffset, data.byteLength + data.byteOffset)
      let imageSource: image.ImageSource = image.createImageSource(arrayBuffer);
      imageSource.getImageInfo((err, value) => {
        if (err) {
          return;
        }
        let opts: image.DecodingOptions = {
          editable: true,
          desiredSize: {
            height: value.size.height,
            width: value.size.width
          }
        };
        imageSource.createPixelMap(opts, (err, pixelMap) => {
          // 这个回调的pixelMap就是当前图片的pixelMap
          let offScreenCanvas = new OffscreenCanvas(value.size.width, value.size.height)
          let OffScreenContext = offScreenCanvas.getContext("2d")
          OffScreenContext.drawImage(pixelMap, 0, 0, offScreenCanvas.width, offScreenCanvas.height)
          OffScreenContext.fillStyle = '#30000000'
          OffScreenContext.font = "50px"
          OffScreenContext.fillText("水印水印水印水印水印", 20, 30)
          // 获取新的PixelMap
          this.pixelMap = OffScreenContext.getPixelMap(0, 0, offScreenCanvas.width, offScreenCanvas.height)
        })
      })
    })
  }

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Image(this.pixelMap).width(100).height(100)
    }
    .width('100%')
    .height('100%')
  }
}
分享
微博
QQ
微信
回复
16h前
相关问题
HarmonyOS 如何 app 添加水印
386浏览 • 1回复 待解决
HarmonyOS是否支持图片添加水印
345浏览 • 1回复 待解决
HarmonyOS windows级别添加水印
39浏览 • 1回复 待解决
如何使用canvas添加水印
1346浏览 • 1回复 待解决
HarmonyOS 拍照后图片加水印
25浏览 • 1回复 待解决
HarmonyOS PDF添加水印后展示白屏
41浏览 • 1回复 待解决
HarmonyOS 如何在app内全页面添加水印
38浏览 • 1回复 待解决
HarmonyOS 有没有对UI添加水印方法
75浏览 • 1回复 待解决
如何按钮添加图片
5599浏览 • 4回复 待解决
ForEach什么情况下会触发复用
748浏览 • 2回复 待解决