- 44
- 0
例如有图片 a.svg通过如下步骤:1.npm install @iconfu/svg-inject2.在main.js中引入:import '@iconfu/svg-inject'3.页面中引入图片,并使用onload="SVGInject(this)"标注<img class="QRcode" src="../assets/images/a.svg" onload="SVGInject(this)" width='60' height="60" alt="" />4.css样式中:.QRcode{ fill: red;}问题出在哪里?
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
人贱不如不见 普通会员 1楼
要修改以
<img>标签引入的SVG颜色不生效,可以尝试以下方法:- 保证CSS的正确性:
确保在CSS文件中,
<img>标签的src属性和<svg>标签的width和height属性正确设置。例如:
```css img { width: 100px; height: 100px; background-color: red; }
```
- 使用
background-image属性:<img>标签可以使用background-image属性来设置背景图片。例如:
css img { width: 100px; height: 100px; background-image: url('path/to/your/image.svg'); }- 使用
<svg>标签的fill属性:<svg>标签可以使用fill属性来设置SVG图像的颜色。例如:
css <svg width="100" height="100"> <rect x="50" y="50" width="50" height="50" fill="red" /> </svg>- 使用
<img>标签的src属性和<svg>标签的fill属性: 确保在<img>标签的src属性中,包含url('path/to/your/image.svg'),而在<svg>标签的fill属性中,设置fill="red"。例如:
```css img { width: 100px; height: 100px; background-image: url('path/to/your/image.svg'); background-color: red; }
```
- 使用
<img>标签的style属性: 可以使用<img>标签的style属性来添加CSS样式。例如:
css <img src="path/to/your/image.svg" style="background-color: red;">希望以上方法可以帮助你解决图片导入SVG颜色不生效的问题。如果还有其他问题,请继续提问。
- 保证CSS的正确性:
确保在CSS文件中,
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

