HarmonyOS 鸿蒙Next Image使用svg解决fillColor不生效的问题

HarmonyOS 鸿蒙Next Image使用svg解决fillColor不生效的问题 最近遇到在使用image的svg的时候 设置fillColor不生效的问题 解决了 记录下

我的svg是在阿里巴巴矢量图表库下载的

解决办法：修改svg代码

找到代码里面的这个地方，加上fill="currentColor"就行了

7 回复

666

更多关于HarmonyOS 鸿蒙Next Image使用svg解决fillColor不生效的问题的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


有什么好的图标库嘛
推荐一下
谢谢，

https://www.iconfont.cn/

姓名: 张三
职位: 软件工程师
简介: 拥有超过10年的软件开发经验，擅长Java和Python。

项目名称

  • 状态：已完成
  • 类型：移动应用
  • 团队：5人

描述

这是一款旨在提高生产力的移动应用。它具有任务管理、日程安排和笔记功能。

技术栈

  • 前端：React Native
  • 后端：Node.js, Express
  • 数据库：MongoDB
  • 版本控制：Git

成果

  • 应用下载量超过10万次
  • 用户评分4.5/5

666

在HarmonyOS鸿蒙Next中，使用SVG图像时，fillColor属性可能不会生效，这通常是由于SVG文件的内部样式或属性覆盖了外部设置的fillColor。要解决这个问题，可以尝试以下方法：

  1. 检查SVG文件：确保SVG文件中没有内联的fill属性。如果存在，可以将其移除或修改为currentColor，这样fillColor属性才能生效。

  2. 使用tintColor属性：在鸿蒙Next中，tintColor属性可以用来覆盖SVG的填充颜色。将tintColor设置为所需的颜色，可以强制SVG使用该颜色填充。

  3. 修改SVG源文件：如果可能，直接修改SVG源文件，将fill属性设置为none或在需要的地方使用currentColor，以便外部样式可以覆盖。

  4. 使用Image组件的colorFilter属性：通过设置colorFilter属性，可以将颜色滤镜应用到SVG图像上，从而实现填充颜色的更改。

这些方法可以帮助解决在HarmonyOS鸿蒙Next中使用SVG时fillColor不生效的问题。

回到顶部