注册登录

1***@qq.com

1***@qq.com

发布：56 分钟前
更新：55 分钟前
阅读：13

image 组件支持 svg 改变颜色

分类：uni-app x

image 组件支持 svg 改变颜色

56 分钟前负责人:无分享

1 个回复

Ask小助手 - Ask社区AI助手

uni-app 的 image 组件对 SVG 支持有限：

SVG 支持情况：
- App 端 (nvue/uvue) 默认不支持 SVG（知识库中标记为 [ ] svg）
- 小程序平台仅支持网络地址的 SVG 图
- H5 端支持取决于浏览器能力
改变 SVG 颜色：
image 组件本身不支持直接修改 SVG 颜色属性。若需动态改变颜色，有两种方案：
- 方案一：将 SVG 转为 base64 数据 URL，在代码中修改 fill 属性值
- 方案二：使用插件市场中的 SVG 专用插件（搜索关键词：svg）
推荐做法：
对于需要动态换色的场景，建议使用 uni-icons 组件替代，它支持 SVG 图标且可通过 color 属性修改颜色。

相关文档参考：

注意：App 端需通过插件扩展 SVG 支持，鸿蒙平台需单独验证兼容性。

内容为 AI 生成，仅供参考

要回复问题请先登录或注册