通用属性

About 10 min

通用属性

名称

类型

默认值

必填

描述

fill

<color>

black

使用简写属性设置元素的填充色。支持属性动画。

fill-opacity

number

1

填充色的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画。

fill-rule

nonzero | evenodd

nonzero

nonzero:非零规则; evenodd:奇偶规则

opacity

number

1

元素的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画。

stroke

<color>

-

设置形状轮廓的颜色。支持属性动画。

stroke-dasharray

<string>

-

指定短划线和缺口的长度。格式为[length length length length],短划线和缺口的长度中间空格隔开成对出现。

stroke-dashoffset

<length>

0

设置关联虚线数组渲染时的偏移量。支持属性动画

stroke-linejoin

[bevel | miter | round]

miter

进行描边时在路径的拐角处使用的形状。

bevel:使用斜角连接路径段;

miter:使用尖角连接路径段;

round:使用圆角连接路径段。

stroke-linecap

[butt | round | square]

butt

路径描边时在它们的结尾处使用的形状。

butt:不在路径两端扩展;

round:在路径的末端延伸半个圆,直径等于线度。

square:在路径的末端延伸半个圆,宽度等于线宽的一半,高度等于线宽。

stroke-miterlimit

number

4

设置将锐角绘制成斜角的极限值。支持属性动画

stroke-opacity

number

1

轮廓线条的透明度,取值范围为0到1,1表示为不透明,0表示为完全透明。支持属性动画

stroke-width

<length>

1px

设置轮廓线条的宽度。支持属性动画

transform

<string>

-

设置组件以及子组件的坐标变换参数。

支持以下格式:

translate(<x> [<y>]) :沿x[y]轴方向平移

scale(<x> [<y>]) :沿x[y]轴缩放

rotate(<a> [<x> <y>]) :以(x,y)点进行旋转a度角

skewX(<a>) :沿x轴倾斜a度角的变换

skewY(<a>) :沿y轴倾斜a度角的变换