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已经实施了草案规范的这一部分。我想像其他的美国在适当的时候会实施这个。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效