css - SVG 属性和特性

Question

下面是两个示例规范:

Rect: X-attribute

x = "(coordinate)."

The x-axis coordinate of the side of the rectanglewhich has the smaller x-axis coordinate value in the current usercoordinate system.If the attribute is not specified, the effect is asif a value of "0" were specified.

Animatable: yes.

Color-property

‘color’

Value: (color) | inherit

Initial: depends on user agent

Applies to: elements to which properties ‘fill’, ‘stroke’, ‘stop-color’, ‘flood-color’ and ‘lighting-color’ apply

Inherited: yes

Percentages: N/A

Media: visual

Animatable: yes

好像有些attributes叫做properties。有什么区别？

Answer 1

一些SVG属性实际上是mapped CSS properties .也就是说，当您编写看起来像 fill="blue"这样的属性时，实际上是您定义的 CSS。

有些 CSS 属性是默认继承的，有些则不是。正如您所发现的，fill 是一个继承的 CSS 属性。不被继承的属性称为重置属性，要让重置属性继承，您必须在所有后代元素上将其显式设置为继承。

有些东西根本不是 CSS 属性，它们只是属性。属性根本不继承，尽管如果属性的描述明确说明它们的效果可能适用于它们的子级，例如x 和 y 属性值适用于 <text> 的子项元素。

在 SVG 1.1 中，x 和 y 通常是属性，在 SVG 2 中，它们通常是 CSS 属性。

没有没有明确默认值的属性(否则浏览器将无法实现互操作)。

CSS 属性也有默认值(它们被称为初始值)。 initial value for fill is black例如。

什么都不会抛出，总是有一个默认值或初始值。