【发布时间】：2021-06-04 07:52:39
【问题描述】：
我正在尝试找出最适合在网站标题上使用 SVG（徽标）的方式。我希望徽标可点击，并在悬停时更改颜色。
我见过这些不同的方法：内联 SVG、iframe、object、img、embed 和 as background-image：
- 我不会使用 img 和 background-image，因为我知道您不能轻易修改这些内容（即我不能说“使图像成为这个特定的色调”）。
- iframe 和嵌入似乎不推荐。
所以我更仔细地研究了内联 SVG 和对象。
- 我喜欢内联 SVG 使用 CSS 修改它的便利性，但我不喜欢在 gcode 中显示如何复制徽标，并且有一大块我必须修改的代码是徽标发生变化
- 我可以轻松地显示 svg，但我还没有找到用这种方法修改填充的方法。
所以我的第一个问题是关于方法对象：有没有办法随时修改 svg 的属性（即填充）？
如果不是，我是不是太苛刻了，我应该坚持使用内联 svg 吗？
干杯，
【问题讨论】：
-
在您的情况下，使用 svg 似乎是一个不错的选择。更改属性以响应用户事件很容易，例如，请参阅此答案：stackoverflow.com/questions/22289214/…
-
谢谢@Hoff，但我是不是太偏执了不想显示 svg 的
标记？如果它可以以某种方式直接获取到相关的 svg，我会更喜欢它 -
很好，那我就继续使用 svg。谢谢！