OpenHarmony Base64图片转PixelMap工具方法

前言

作者之前有教程介绍了如何将图片PixelMap进行Base64编码后加载,有小伙伴想了解如何进行反向转换,下文会提供一个工具方法来进行说明指导。

开发环境

系统版本: 4.1-Release

DevEco Studio版本: 4.0 Release (build:4.0.0.600)

SDK版本: 4.0.10.15(及以上)

方法示例

base64ToPixelMap(base64: string): Promise<image.PixelMap> {
  // 将原始图片base64字符串转变为通过base64字符串
  const reg = new RegExp('data:image/\\w+;base64,')
  const base64Str = base64.replace(reg, '')
  // 将通用base64字符串转变为arrayBuffer
  let base64Helper = new util.Base64Helper();
  let uint8Array = base64Helper.decodeSync(base64Str)
  let arrayBuffer = uint8Array.buffer
  // 将arrayBuffer转变为pixelMap
  let imageSource = image.createImageSource(arrayBuffer)
  let opts: image.DecodingOptions = { editable: false }
  // 注意:这里return的是Promise,因此使用时需要在业务侧拿到最终的PixelMap
  return imageSource.createPixelMap(opts);
}

参考文献

Image: https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-image-kit/js-apis-image.md

Base64Helper: https://gitee.com/openharmony/docs/blob/master/zh-cn/application-dev/reference/apis-arkts/js-apis-util.md#base64helper9

示例Demo

https://gitee.com/winslei/open-harmony_-winsleikit/blob/455fae554b26ecac77903a5da5f8f502753721da/entry/src/main/ets/pages/Utils/UtilsHome.ets

  • 8
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值