【问题标题】:Linking an external file with svg code to main index将带有 svg 代码的外部文件链接到主索引
【发布时间】:2017-12-29 00:44:43
【问题描述】:

在主索引页面中保留多行 svg 代码非常不雅。我正在寻找解决方案,让我可以将该代码移动到另一个文件,并将该文件链接到我的页面中,在它应该在的地方。比如:

<svg><use href="linkedfile.svg"></use></svg>

但上面的解决方案不能正常工作 - 图像格式非常直接,无法通过 css 修改。我需要好的工作方法。

【问题讨论】:

  • 为什么不使用普通的&lt;img /&gt;标签?
  • 我需要使用 css 来设置样式 - 诸如 fill:color 之类的命令
  • 使用的 CSS 修改也非常有限。并且使用的限制不能指向整个 SVG 文件,它必须指向该文件中的某个元素。

标签: html css svg frontend web-deployment


【解决方案1】:

您是否尝试过在 CSS 文件中添加背景图片?

.image{
 background: url(linkedfile.svg);
} 

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-09-02
    • 1970-01-01
    • 2011-05-24
    • 2012-12-25
    • 1970-01-01
    • 1970-01-01
    • 2012-05-21
    • 1970-01-01
    相关资源
    最近更新 更多