为什么Chrome会从样式属性中读取svg圆半径？

Question

我用chrome dev工具开发.

我刚刚用IE11进行了演示.

好吧,是的,我的错误是不用IE检查,并且下面的语法不是意图(在d3.js中设置属性时出错).但我受伤是因为我的图表没有显示,我想了解为什么我不能早点发现错误...

下面的代码段适用于Chrome,而不适用于IE11.

<html>
<body>
<svg width="120" height="120">
<circle style="fill: rgb(60,60,60); r: 20px; " cy="30" cx="20"></circle>
</svg>
</body>
</html>

Answer 1

当前发布的SVG规范版本是1.1,它声明圆的半径是属性而不是CSS属性.那是IE实现的.

有一个新版本的SVG规范正在使用,版本2.在其中,圆的半径(以及当前属性的许多其他东西)将是CSS属性.这就是Chrome实现的目标.

Chrome正在尝试实现SVG 2规范的一部分,就像Firefox一样.不同的UA已经实现了SVG 2规范的不同部分,因为它们在完成之前调查SVG 2以证明它是可行的.

你误读了它.这些属性没有在CSS 2.1中定义,它们**在下面定义**.没有单独的CSS规范,CSS在SVG 2规范文档中定义.你正在看的**是来自SVG的黑白几何属性,它将是样式属性.您上面的最终评论是正确的. (2认同)