51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
WOT技术大会
IT证书
公众号矩阵
移动端
视频课免费课排行榜短视频直播课软考学堂
全部课程软考华为认证厂商认证IT技术PMP项目管理免费题库
在线学习
文章资源问答课堂专栏直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
活动 短视频 专栏 极客Show 鸿蒙技术特刊

使用colorFilter修改图片颜色

使用colorFilter修改图片颜色，第一张图与第二张图修改的不太符合预期，是否colorFilter的颜色矩阵构造错误？

// 244,169,29  
Image('xxxx')  
  .width(40)  
  .height(40).colorFilter([244 / 225.0, 0, 0, 0, 0,  
  0, 169 / 225.0, 0, 0, 0,  
  0, 0, 29 / 225.0, 0, 0,  
  0, 0, 0, 1, 0])  
  
Image('xxx')  
  .width(40)  
  .height(40).colorFilter([244 / 225.0, 0, 0, 0, 0,  
  0, 169 / 225.0, 0, 0, 0,  
  0, 0, 29 / 225.0, 0, 0,  
  0, 0, 0, 1, 0])  
  
Image('xxx')  
  .width(40)  
  .height(40).colorFilter([244 / 225.0, 0, 0, 0, 0,  
  0, 169 / 225.0, 0, 0, 0,  
  0, 0, 29 / 225.0, 0, 0,  
  0, 0, 0, 1, 0])
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
HarmonyOS
zbw_apple
2024-10-08 11:38:35
1032浏览
赞
收藏 0
回答 1
回答 1
按赞同
/
按时间
superinsect
superinsect

Image.colorFilter该接口给图像设置滤镜效果，入参为一个的4x5的RGBA转换矩阵。处理逻辑不是简单地将矩阵中的数据替换掉原图片的值，而是通过矩阵计算得到新的RGBA数据。具体计算方式参见：​​https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-service-widget-basic-image-V5​​

分享
微博
QQ
微信
回复
2024-10-08 15:38:25


如何写精华回答，获更多曝光？
发布
相关问题
怎么给图片渲染不同的颜色，使用colorFilter设置滤镜颜色太过于复杂
2673浏览 • 1回复 待解决
HarmonyOS Image组件设置了本地资源文件后，可以动态修改图片的颜色吗
595浏览 • 1回复 待解决
怎么修改PNG图片的颜色？
1610浏览 • 1回复 待解决
HarmonyOS 使用uniapp提供的HarmonyOS模板，修改图标后，大小显示异常
692浏览 • 1回复 待解决
如何给Image组件动态更改图片?
1390浏览 • 1回复 待解决
HarmonyOS 如何设置图片的colorfilter？
1006浏览 • 1回复 待解决
HarmonyOS 使用Image组件时，加载网络图片，如何对图片修改颜色已适应主题？
1629浏览 • 1回复 待解决
如何修改DevEco颜色主题？
11257浏览 • 3回复 已解决
HarmonyOS Color转ColorFilter方式？
860浏览 • 1回复 待解决
如何修改Slider滑块的颜色？
1088浏览 • 1回复 待解决
HarmonyOS 顶部的颜色怎么修改
682浏览 • 1回复 待解决
HarmonyOS 批量修改子组件的颜色
613浏览 • 1回复 待解决
HarmonyOS setWindowSystemBarProperties修改状态栏颜色
813浏览 • 1回复 待解决
HarmonyOS 怎么实现Image动态修改颜色
1062浏览 • 1回复 待解决
HarmonyOS 如何动态修改状态栏颜色和字体颜色？
1708浏览 • 1回复 待解决
Image组件通过什么方式能修改加载的png格式的图片颜色
1047浏览 • 1回复 待解决
HarmonyOS 消息通知与状态颜色修改
1527浏览 • 1回复 待解决
HarmonyOS 颜色值的字符串比如"#999999"，如何转换成colorFilter的值。
698浏览 • 1回复 待解决
HarmonyOS 怎么修改richtext内文字的颜色
655浏览 • 1回复 待解决
HarmonyOS Toggle空间的勾颜色怎么修改？
1023浏览 • 1回复 待解决
JS 卡片的背景颜色怎么修改呢？
7819浏览 • 3回复 待解决
鸿蒙怎么 修改状态栏字体颜色
13517浏览 • 1回复 待解决
#鸿蒙通关秘籍# 如何在HarmonyOS中实现提取图片主要颜色并使用HSV色彩空间修改饱和度和明度？
505浏览 • 0回复 待解决
HarmonyOS 修改状态栏颜色不生效
1100浏览 • 1回复 待解决
HarmonyOS 状态栏的颜色如何修改
1421浏览 • 1回复 待解决
提问
该提问已有2人参与 ，帮助了44人
相关讨论帖
HarmonyOS原子化服务卡片图片颜色体验展示 4回复
保存图片到系统相册，以及修改、删除本应用保存在系统相册的图片 0回复
如何在树莓派上使用图片特效 0回复
电脑软件：键盘按键修改器——keytweak使用介绍 0回复
使用 eBPF 零代码修改绘制全景应用拓扑 3回复