【HarmonyOS】鸿蒙Arkts修改svg图标颜色【已解决】_鸿蒙中image字体图标改变颜色

作者：小小林熬夜学编程 | 2024-04-14 22:09:29

踩

鸿蒙中image字体图标改变颜色

第一步：引入svg图标

在这里插入图片描述

第二步：image添加fillColor

Image($r("app.media.home")).width(24).height(24).margin({bottom:10}).fillColor(Color.Red)
              Image($r("app.media.home")).width(24).height(24).margin({bottom:10}).fillColor(Color.Blue)
1
2

第三部：svg图标中添加fill="currentColor"属性设置

在这里插入图片描述

最后效果
在这里插入图片描述

✨ $\textcolor{gray}{踩坑不易，还希望各位大佬支持一下}$

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/424351