调用effectKit.createEffect.blur方法无法模糊下载的网络图片,请问该方法如何正确使用?
import http from '@ohos.net.http';
import image from '@ohos.multimedia.image';
import effectKit from '@ohos.effectKit';
@Component
export struct TestBlurImage {
@State blurBackImage?: image.PixelMap = undefined
@State filter?: ColorFilter = undefined
aboutToAppear(): void {
this.getImage()
}
getImage() {
let httpRequest = http.createHttp();
let requestUrl = 'https://assets-res-cn.c.huawei.com/operationcenter/myhuawei/cn/greater_china/img/6596682867f4d67efa8cf4ee.jpg';
httpRequest.request(requestUrl)
.then((response) => {
if (response.responseCode == http.ResponseCode.OK) {
let imageData = response?.result as ArrayBuffer
let imageSource: image.ImageSource = image.createImageSource(imageData);
if (!imageSource) {
console.log('get image fail1')
return;
}
let opts: image.InitializationOptions = {
editable: true,
pixelFormat: 3,
size: {
height: 0,
width: 0
}
};
imageSource?.createPixelMap(opts).catch((reason: Object) => {
console.log('createPixelMap fail 2')
return undefined;
}).then((pixelMap) => {
let radius = 50;
let headFilter = effectKit.createEffect(pixelMap);
if (headFilter != null) {
this.filter = headFilter.blur(radius);
this.blurBackImage = pixelMap;
} else {
console.log('get effect fail')
}
})
} else {
console.log('get image fail 2')
}
// 当该请求使用完毕时,调用destroy方法主动销毁
httpRequest.destroy();
})
}
build() {
Column() {
Image(this.blurBackImage)
.height(204)
.width('100%')
}
}
}
HarmonyOS
赞
收藏 0
回答 1
待解决
相关问题
请问Image控件是怎样设置网络图片的
9169浏览 • 3回复 已解决
请问Image怎么加载带有referer的网络图片?
872浏览 • 2回复 待解决
Image组件设置使用网络图片,如果网络图片获取不成功,应该如何设置兜底图片
532浏览 • 1回复 待解决
Image组件如何加载网络图片
1234浏览 • 1回复 待解决
如何保存网络图片到相册
241浏览 • 1回复 待解决
网络判断,请问该如何识别?
356浏览 • 1回复 待解决
arkTs 如何在方法调用中,打印出方法的调用栈?
1801浏览 • 1回复 待解决
鸿蒙开发:请问怎样将字符串的网络图片转成element?
8388浏览 • 1回复 待解决
OpenHarmony arkui(ets) image如何加载网络图片
6384浏览 • 2回复 待解决
IDE使用getContext(this)上的startabilityForResult方法,IDE提示不存在该方法
857浏览 • 1回复 待解决
关于DataAbility里openFile方法的mode入参,请问该如何理解'rw'选项?
5568浏览 • 1回复 待解决
获取网络图片并保存到相册
451浏览 • 1回复 待解决
服务卡片image怎么获取网络图片?
5762浏览 • 2回复 待解决
页面加载前获取网络图片的宽高
278浏览 • 1回复 待解决
router进行页面跳转如果传递参数为类对象,跳转后类对象中的方法无法调用,如何传递方法进行使用呢
616浏览 • 1回复 待解决
图片模糊效果如何实现
368浏览 • 1回复 待解决
无网络环境下使用同步方法获取网络状态报错
73浏览 • 1回复 待解决
获取当前网络状态的方法
208浏览 • 1回复 待解决
获取网络图片,httpRequest.request报错error code
795浏览 • 1回复 待解决
JSBind 如何调用 JS 方法中的 callback
740浏览 • 1回复 待解决
native侧如何调用类的静态方法?
668浏览 • 1回复 待解决
从网络下载的abc文件,通过napi_run_script_path接口执行的方法
423浏览 • 2回复 待解决
请问js input组件中的search、share方法怎么使用的?
1197浏览 • 1回复 待解决
图片如何添加渐变模糊
833浏览 • 1回复 待解决
父组件调用子组件的方法
542浏览 • 1回复 待解决
需要调用getEffectPixelMap获取模糊完成后的图片,正确的使用方式如下: