为什么 Chrome 从 style 属性中读取 svg 圆半径？

Why does Chrome read the svg circle radius from the style attribute?

我使用 chrome 开发工具进行开发。

我刚刚用 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>

当前发布的 SVG 规范版本是 1.1，它指出圆的半径是一个属性，而不是 CSS 属性。这就是 IE 实现的。

正在制定新版本的 SVG 规范，version 2。其中，圆的半径（连同许多其他当前属性）将是 CSS 属性。这就是 Chrome 实现的。

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