如何先获取图片图片大小,然后缩放处理pixleMap,最后通过image展示

如何先获取图片图片大小,然后缩放处理pixleMap,最后通过image展示

HarmonyOS
2024-05-08 23:24:14
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
depengli

使用一下demo:

import image from ‘@ohos.multimedia.image’; 
import { BusinessError } from ‘@kit.BasicServicesKit’; 
 
@Entry 
@Component 
struct Index { 
  @State pixelMap: image.PixelMap | undefined = undefined 
  @State isChange: Boolean = false 
  @State xScale: number = 0.5 
  @State yScale: number = 0.5 
 
  async aboutToAppear() { 
let resourceMgr = getContext(this).resourceManager; 
let imageArray = await resourceMgr.getMediaContent($r(‘app.media.picture’)); 
let imageResource = image.createImageSource(new Uint8Array(imageArray).buffer as Object as ArrayBuffer); 
let opts: image.DecodingOptions = { editable: true }; 
  this.pixelMap = await imageResource.createPixelMap(opts); 
  this.pixelMap.scale(this.xScale, this.yScale).then(() => { 
  this.isChange = !this.isChange 
}).catch((error: BusinessError) => { 
  console.error("Error occurred when scaling, error message: " + error.message); 
}) 
 
} 
 
build() { 
  Navigation(){ 
    Stack(){ 
      Column(){ 
Column(){ 
Image(this.pixelMap? this.pixelMap : ‘’) 
.objectFit(ImageFit.None) 
} 
.width(‘100%’) 
.height(‘70%’) 
} 
    } 
  } 
} 
}
分享
微博
QQ
微信
回复
2024-05-09 14:35:38
相关问题
服务卡片image怎么获取网络图片
5204浏览 • 2回复 待解决
Image怎么替换svg图片
6508浏览 • 1回复 待解决
Image组件如何加载网络图片
488浏览 • 1回复 待解决
鸿蒙能获取图片指定大小的缩略图吗
7644浏览 • 1回复 待解决
如何图片进行高斯模糊处理
271浏览 • 1回复 待解决
如何图片PixelMap压缩到指定大小
173浏览 • 1回复 待解决
Image组件如何读入沙箱内的图片
647浏览 • 1回复 待解决
Image组件如何加载沙盒内的图片
357浏览 • 1回复 待解决
如何显示通过网络加载的图片
804浏览 • 1回复 待解决
有谁知道Image图片取反色
347浏览 • 1回复 待解决
image组件是否支持图片下载链接
131浏览 • 1回复 待解决
java鸿蒙Tab框架 image图片怎么渲染的
5266浏览 • 2回复 待解决
png图片使用Image组件加载出现锯齿
155浏览 • 1回复 待解决