Universal Attributes

NOTE

The APIs of this module are supported since API version 7. Updates will be marked with a superscript to indicate their earliest API version.

Name Type Default Value Mandatory Description
fill <color> black No Fill color of an element using the shorthand attribute. Attribute animations are supported.
fill-opacity number 1 No Opacity of a fill color. The value ranges from 0 to 1. The value 1 means opaque, and 0 means completely transparent. Attribute animations are supported.
fill-rule nonzero | evenodd nonzero No Fill rule.
nonzero: non-zero rule.
evenodd: parity rule.
opacity number 1 No Opacity of an element. The value ranges from 0 to 1. The value 1 means opaque, and 0 means completely transparent. Attribute animations are supported.
stroke <color> - No Color of the stroke. Attribute animations are supported.
stroke-dasharray <string> - No Length of the dashes and notches. The format is [length length length length]. The length values of dashes and notches are separated by a space and appear in pairs.
stroke-dashoffset <length> 0 No Offset for rendering the associated dash line array. Attribute animations are supported.
stroke-linejoin [bevel | miter | round] miter No The shape used at the corner of a path when stroked.
bevel: connects paths with bevel corners.
miter: connects paths with mitered corners.
round: connects paths with rounded corners.
stroke-linecap [butt | round | square] butt No The shape used at the end of paths when stroked.
butt: The stroke for each path does not extend beyond its two endpoints.
round: At the end of each path the stroke is extended by a half circle with a diameter equal to the stroke width.
square: At the end of each path the stroke is extended by a half circle, with the width being equal to half of the stroke width, and the height being equal to the stroke width.
stroke-miterlimit number 4 No Limit value when the sharp angle is drawn as a miter. Attribute animations are supported.
stroke-opacity number 1 No Opacity of the stroke. The value ranges from 0 to 1. The value 1 means opaque, and 0 means completely transparent. Attribute animations are supported.
stroke-width <length> 1px No Stroke width. Attribute animations are supported.
transform <string> - No Coordinate transformation parameters of the component and its child components.
The following formats are supported:
translate(<x> [<y>]): translates along the x[y]-axis.
scale(<x> [<y>]): scales along the x[y]-axis.
rotate(<a> [<x> <y>]): rotates at an angle of a with point (x,y) as the center.
skewX(<a>): skews at an angle of a along the x-axis.
skewY(<a>): skews at an angle of a along the y-axis.