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
<li><ahref=#svg-data-types><spanclass=secno>13.2.3</span>SVG Data Types</a>
130
130
<ulclass=toc>
131
-
<li><ahref=#svg-transform-value><spanclass=secno>13.2.3.1</span> The <spanclass=productiondata-link-type=typetitle="<translation-value>"><translation-value></span> and <spanclass=productiondata-link-type=typetitle="<length>"><length></span> type </a>
131
+
<li><ahref=#svg-transform-value><spanclass=secno>13.2.3.1</span> The <spanclass=productiondata-link-type=typetitle="<length>"><length></span> type </a>
<li><ahref=#svg-gradient-transform-pattern-transform><spanclass=secno>13.3</span> The SVG <spanclass=attr-namedata-link-type=maybe>gradientTransform</span> and <spanclass=attr-namedata-link-type=maybe>patternTransform</span> attributes </a>
<p>Arguments on all new introduced presentation attributes consist of data types in the sense of CSS Values and Units Module <adata-biblio-type=normativedata-link-type=bibliohref=#css3valtitle=css3val>[CSS3VAL]</a>. The definitions of data types in CSS Values and Units Module are enhanced as follows:</p>
The <aclass="production css-code" data-link-type=typehref=#typedef-translation-valuetitle="<translation-value>"><translation-value></a> and <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#length-valuetitle="<length>"><length></a> type
1024
+
The <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#length-valuetitle="<length>"><length></a> type
<p>A <dfnclass=css-codedata-dfn-type=typedata-export="" id=typedef-translation-value><translation-value><aclass=self-linkhref=#typedef-translation-value></a></dfn> or <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#length-valuetitle="<length>"><length></a> can be a <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#number-valuetitle="<number>"><number></a> 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.</p>
1027
+
<p>A <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#length-valuetitle="<length>"><length></a> can be a <aclass="production css-code" data-link-type=typehref=http://dev.w3.org/csswg/css-values-3/#number-valuetitle="<number>"><number></a> without an unit identifier. In this case the <ahref=#svg-number><em>number</em></a> gets interpreted as "user unit". A user
E36F
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.</p>
specifies a <ahref=#RotateDefined>2D rotation</a> by the angle specified in the parameter about the origin of the element, as defined by the <aclass=propertydata-link-type=propdeschref=#propdef-transform-origintitle=transform-origin>transform-origin</a> 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 <spanclass=cssdata-link-type=maybetitle="rotate(90deg, 100px, 100px)">rotate(90deg, 100px, 100px)</span> 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.
<p>With this specification the SVG basic data type <aclass="production css-code" data-link-type=typehref=#typedef-transform-listtitle="<transform-list>"><transform-list></a> is equivalent to a list of <aclass="production css-code" data-link-type=typehref=#typedef-transform-functiontitle="<transform-function>"><transform-function></a>s. <aclass="production css-code" data-link-type=typehref=#typedef-transform-listtitle="<transform-list>"><transform-list></a> is animatable and additive. The data type can be animated using the SVG <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html#AnimateElement><codeclass=element-name><animate></code></a> element and the SVG <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html#SetElement><codeclass=element-name><set></code></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>.</p>
1136
1136
1137
-
<p>The set of animatable data types gets extended by <aclass="production css-code" data-link-type=typehref=#typedef-translation-valuetitle="<translation-value>"><translation-value></a>. The new data type is animatable and additive.</p>
<td>Additive for <ahref=http://www.w3.org/TR/2011/REC-SVG11-20110816/animate.html#AnimateTransformElement><codeclass=element-name><animateTransform></code></a> means that a transformation is post-multiplied to the base set of
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