svg css圆角不工作

前端之家收集整理的这篇文章主要介绍了svg css圆角不工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个SVG文件,我正在应用CSS。大多数规则似乎都有效,但是当我应用关于四舍五入的规则(rx:5; ry:5)时,它没有任何效果。 “内联”风格规则工作,但我没有运气与嵌入式和外部样式表:
<svg ...>
 <defs>
  <style type="text/css" >
    <![CDATA[
     rect{ rx:5; ry:5;  }
    ]]>
  </style>
 </defs>

 <rect
    height="170" width="70" id="rect7"
    x="0" y="0" />
</svg>

有什么想法我错了吗?

解决方法

rx和ry是常规属性,而不是表示属性。只有演示文稿属性可以被CSS设置。各种常规/演示属性列在 here

参见SVG 1.1规范的Presentation AttributeProperty

即将推出的SVG 2规范提出大多数演示属性都是CSS属性。迄今为止,只有Chome已经实施了草案规范的这一部分。我想像其他的美国在适当的时候会实施这个。

猜你在找的CSS相关文章