You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: css-transforms/Overview.src.html
+7-18Lines changed: 7 additions & 18 deletions
Original file line number
Diff line number
Diff line change
@@ -1143,10 +1143,10 @@ <h4 id="svg-data-types">SVG Data Types</h4>
1143
1143
Arguments on all new introduced presentation attributes consist of data types in the sense of CSS Values and Units Module [[!CSS3VAL]]. The definitions of data types in CSS Values and Units Module are enhanced as follows:
1144
1144
1145
1145
<h5id="svg-transform-value">
1146
-
The <<translation-value>> and <<length>> type
1146
+
The <<length>> type
1147
1147
</h5>
1148
1148
1149
-
A <dfn><translation-value></dfn> or <<length>> can be a <<number>> without an unit identifier. In this case the <ahref="#svg-number"><em>number</em></a> gets interpreted as "user unit". A user unit in the the <ahref="http://www.w3.org/TR/2003/REC-SVG11-20030114/coords.html#InitialCoordinateSystem">initial coordinate system</a> is equivalent to the parent environment's notion of a pixel unit.
1149
+
A <<length>> can be a <<number>> without an unit identifier. In this case the <ahref="#svg-number"><em>number</em></a> gets interpreted as "user unit". A user unit in the the <ahref="http://www.w3.org/TR/2003/REC-SVG11-20030114/coords.html#InitialCoordinateSystem">initial coordinate system</a> is equivalent to the parent environment's notion of a pixel unit.
specifies a <ahref="#RotateDefined">2D rotation</a> by the angle specified in the parameter about the origin of the element, as defined by the 'transform-origin' property. If the optional translation values are specified, the transform origin is translated by that amount (using the current transformation matrix) for the duration of the rotate operation. For example ''rotate(90deg, 100px, 100px)'' would cause elements to appear rotated one-quarter of a turn in the clockwise direction after a translation of the transform-origin of 100 pixel in the horizontal and vertical directions.
With this specification the SVG basic data type <<transform-list>> is equivalent to a list of <<transform-function>>s. <<transform-list>> is animatable and additive. The data type can be animated using the SVG <a>'animate element'</a> element and the SVG <a>'set element'</a> element. SVG animations must run the same animation steps as described in section <ahref="#interpolation-of-transforms">Transitions and Animations between Transform Values</a>.
1258
1258
1259
-
The set of animatable data types gets extended by <<translation-value>>. The new data type is animatable and additive.
specifies a <ahref="#TranslateDefined">2D translation</a> by the vector [tx, ty], where tx is the first translation-value parameter and ty is the optional second translation-value parameter. If <em><ty></em> is not provided, ty has zero as a value.
specifies a <ahref="#Translate3dDefined">3D translation</a> by the vector [tx,ty,tz], with tx, ty and tz being the first, second and third translation-value parameters respectively.
0 commit comments