是否可以使用css设置外部svg文件的样式？

是否可以使用css设置外部svg文件而不修改svg文件内容？是否可以使用css设置外部svg文件的样式？

<img src="image/svg/3ds-max.svg">

而且有没有更好的方式来显示在HTML5外部SVG文件？

来源

2012-01-31 neelix

使用img标签是不可能的，就访问或修改它们而言，这些基本上与位图类似。您可以将标记与其style属性一起使用，或者也可以在文件中包含svg内联，您可以使用html5。

来源

2012-01-31 16:57:24

党:(任何人有一个链接，为什么是这样的情况下 – 2015-06-16 06:57:08

@BradleyFlood？ https://longsonr.wordpress.com/2013/10/23/restrictions-on-svg-used-as-an-image/ – 2015-06-16 07:15:50

差不多。如果您可以直接在HTML5文档中使用svg标签嵌入您的SVG，那么你就可以用CSS样式它，就像这样：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="utf-8" /> 
     <style type="text/css"> 
      #redcircle { stroke:black; stroke-width:5; } 
     </style> 
    </head> 
    <body> 
     <svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"> 
      <circle id="redcircle" cx="50" cy="50" r="30" fill="red" /> 
     </svg> 
    </body> 
</html>

来源

2012-01-31 17:10:17

他要求外部svg，而不是内联 – grm 2012-06-01 10:44:01

是的，但经常很高兴知道最近的替代方案。 – 2012-06-01 11:20:42

是否可以使用css设置外部svg文件的样式？

回答

相关问题