【问题标题】:SVG attributes and propertiesSVG 属性和属性
【发布时间】:2018-08-18 05:27:57
【问题描述】:

以下是两个示例规范:

Rect: X-attribute

x = "(坐标)。"

矩形边的x轴坐标 在当前用户中具有较小的 x 轴坐标值 坐标系。 如果不指定属性,效果如 如果指定了“0”值。

动画:是的。

Color-property

‘颜色’

值:(颜色)|继承

初始:取决于用户代理

适用于: 属性“fill”、“stroke”、“stop-color”、“flood-color”和“lighting-color”适用的元素

继承:

百分比:不适用

媒体:视觉

动画:是的

似乎有些attributes 被称为properties。有什么区别?

【问题讨论】:

    标签: css inheritance svg properties attributes


    【解决方案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 为例。

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

    【讨论】:

    • 嗯,这可以解决很多问题。所以基本上一些属性可以通过多种方式声明: 1. 内部元素作为属性。 2. 内部元素的“样式”属性作为 CSS 属性。 3. 在外部或内部 CSS 文档中使用:'class'-attribute、'id'-attribute 或带有元素名称 f.ex: circle { fill: red } 的样式。
    猜你喜欢
    • 2019-11-19
    • 1970-01-01
    • 2018-08-20
    • 1970-01-01
    • 2017-11-03
    • 1970-01-01
    • 1970-01-01
    • 2019-11-04
    • 1970-01-01
    相关资源
    最近更新 更多