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
Link Defaults: css-transforms-1 (type) <transform-list>/<transform-function>, css-transforms-1 (function) matrix3d()/matrix()
@@ -48,7 +48,7 @@ The SVG interfaces SVGPoint, SVGRect and SVGMatrix [[SVG11]] are aliasing the he
48
48
49
49
Issue: The IDL in this specification is currently in an experimental state.
50
50
An <a href="https://lists.w3.org/Archives/Public/public-fx/2015AprJun/0001.html">approach</a> of avoiding overloading in constructors and instead using factory static methods, and supporting dictionary types everywhere, is explored.
51
-
Readers interested in a specification that more closely matches implementations as of April 2015 are referred to an <a href="http://www.w3.org/TR/2014/WD-geometry-1-20140522/">earlier revision of this specification</a>.
51
+
Readers interested in a specification that more closely matches implementations as of April 2015 are referred to an <a href="https://www.w3.org/TR/2014/WD-geometry-1-20140522/">earlier revision of this specification</a>.
52
52
53
53
<h2 id='DOMPoint'>
54
54
The DOMPoint interfaces</h2>
@@ -666,16 +666,16 @@ The <dfn dfn-type=constructor dfn-for=DOMMatrixReadOnly><code>DOMMatrixReadOnly(
666
666
the <dfn dfn-type=constructor dfn-for=DOMMatrix><code>DOMMatrix(<var>transformList</var>)</code></dfn> constructors, when invoked with a {{DOMString}} argument, must follow these steps:
667
667
668
668
<ol>
669
-
<li>Parse <var>transformList</var> by following the syntax description in “<a href=http://www.w3.org/TR/css-transforms-1/#svg-syntax>Syntax of the SVG ‘transform’ attribute</a>” [[!CSS3-TRANSFORMS]] to a <<transform-list>>. If parsing is not successful or any <<transform-function>> has <<length>> values without <a spec='css-values'>absolute length</a> units<!--For WD: <a spec='css-values-3'>absolute length units</a>-->, throw a {{SyntaxError}} exception.</li>
669
+
<li>Parse <var>transformList</var> by following the syntax description in “<a href=https://www.w3.org/TR/css-transforms-1/#svg-syntax>Syntax of the SVG ‘transform’ attribute</a>” [[!CSS3-TRANSFORMS]] to a <<transform-list>>. If parsing is not successful or any <<transform-function>> has <<length>> values without <a spec='css-values'>absolute length</a> units<!--For WD: <a spec='css-values-3'>absolute length units</a>-->, throw a {{SyntaxError}} exception.</li>
670
670
<li>Let <var>2dTransform</var> track the 2D/3D dimension status of the <<transform-list>>.
671
671
<dl class=switch>
672
-
<dt>If the <<transform-list>> consists of any <a href='http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions'>3D Transform functions</a></dt>
672
+
<dt>If the <<transform-list>> consists of any <a href='https://www.w3.org/TR/css-transforms-1/#three-d-transform-functions'>3D Transform functions</a></dt>
673
673
<dd>Set <var>2dTransform</var> to <code>false</code>.</dd>
674
674
<dt>Otherwise</dt>
675
675
<dd>Set <var>2dTransform</var> to <code>true</code>.</dd>
676
676
</dl>
677
677
</li>
678
-
<li>Transform all <<transform-function>>s to 4x4 matrices by following the “<a href=http://www.w3.org/TR/css-transforms-1/#mathematical-description>Mathematical Description of Transform Functions</a>” [[!CSS3-TRANSFORMS]].</li>
678
+
<li>Transform all <<transform-function>>s to 4x4 matrices by following the “<a href=https://www.w3.org/TR/css-transforms-1/#mathematical-description>Mathematical Description of Transform Functions</a>” [[!CSS3-TRANSFORMS]].</li>
679
679
<li>Let <var>matrix</var> be a 4x4 matrix as shown in the initial figure of this section. Post-multiply all matrices from left to right and set <var>matrix</var> to this product.</li>
680
680
<li>
681
681
<dl class=switch>
@@ -1027,7 +1027,7 @@ Note: Authors who use chained method calls are recommended to use mutable transf
<li>Post-multiply a translation transformation on the current matrix. The 3D translation matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Translate3dDefined">described</a> in CSS Transforms [[!CSS3-TRANSFORMS]].</p>
1030
+
<li>Post-multiply a translation transformation on the current matrix. The 3D translation matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Translate3dDefined">described</a> in CSS Transforms [[!CSS3-TRANSFORMS]].</p>
1031
1031
<li>If <em>tz</em> is specified and not ''0'', set <a>is2D</a> of the current matrix to <code>false</code>.</p>
1032
1032
<li>Return the current matrix.</li>
1033
1033
</ol>
@@ -1042,7 +1042,7 @@ Note: Authors who use chained method calls are recommended to use mutable transf
1042
1042
1043
1043
<li>Post-multiply a non-uniform scale transformation on the current matrix. The 3D scale
1044
1044
matrix is <a
1045
-
href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Scale3dDefined">described</a> in
1045
+
href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Scale3dDefined">described</a> in
1046
1046
CSS Transforms with <var>sx</var> = <var>scaleX</var>, <var>sy</var> = <var>scaleY</var> and
@@ -1061,7 +1061,7 @@ Note: Authors who use chained method calls are recommended to use mutable transf
1061
1061
<dd>
1062
1062
<ol>
1063
1063
<li>Apply a <a method>translateSelf(<var>originX</var>, <var>originY</var>, <var>originZ</var>)</a> transformation to the current matrix.</li>
1064
-
<li>Post-multiply a uniform 3D scale transformation (<a attribute>m11</a> = <a attribute>m22</a> = <a attribute>m33</a> = <em>scale</em>) on the current matrix. The 3D scale matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Scale3dDefined">described</a> in CSS Transforms with <em>sx</em> = <em>sy</em> = <em>sz</em> = <em>scale</em>. [[!CSS3-TRANSFORMS]].</li>
1064
+
<li>Post-multiply a uniform 3D scale transformation (<a attribute>m11</a> = <a attribute>m22</a> = <a attribute>m33</a> = <em>scale</em>) on the current matrix. The 3D scale matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Scale3dDefined">described</a> in CSS Transforms with <em>sx</em> = <em>sy</em> = <em>sz</em> = <em>scale</em>. [[!CSS3-TRANSFORMS]].</li>
1065
1065
<li>Apply a <a method>translateSelf(-<var>originX</var>, -<var>originY</var>, -<var>originZ</var>)</a> transformation to the current matrix.</li>
1066
1066
<li>If <em>scale</em> is not ''1'', set <a>is2D</a> of the current matrix to <code>false</code>.</li>
1067
1067
<li>Return the current matrix.</li>
@@ -1090,29 +1090,29 @@ Note: Authors who use chained method calls are recommended to use mutable transf
<li>Post-multiply a rotation transformation on the current matrix. The rotation angle is determined by the angle between the vector (1,0)<sup>T</sup> and (<em>x</em>,<em>y</em>)<sup>T</sup> in the clockwise direction. If <em>x</em> and <em>y</em> should both be zero, the angle is specified as zero. The 2D rotation matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#RotateDefined">described</a> in CSS Transforms where <code>alpha</code> is the angle between the vector (1,0)<sup>T</sup> and (<em>x</em>,<em>y</em>)<sup>T</sup> in degrees [[!CSS3-TRANSFORMS]].</li>
1093
+
<li>Post-multiply a rotation transformation on the current matrix. The rotation angle is determined by the angle between the vector (1,0)<sup>T</sup> and (<em>x</em>,<em>y</em>)<sup>T</sup> in the clockwise direction. If <em>x</em> and <em>y</em> should both be zero, the angle is specified as zero. The 2D rotation matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#RotateDefined">described</a> in CSS Transforms where <code>alpha</code> is the angle between the vector (1,0)<sup>T</sup> and (<em>x</em>,<em>y</em>)<sup>T</sup> in degrees [[!CSS3-TRANSFORMS]].</li>
<li>Post-multiply a rotation transformation on the current matrix around the specified vector <em>x</em>, <em>y</em>, <em>z</em> by the specified rotation <em>angle</em> in degrees. The 3D rotation matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Rotate3dDefined">described</a> in CSS Transforms with <em>alpha</em> = <em>angle</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1100
+
<li>Post-multiply a rotation transformation on the current matrix around the specified vector <em>x</em>, <em>y</em>, <em>z</em> by the specified rotation <em>angle</em> in degrees. The 3D rotation matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#Rotate3dDefined">described</a> in CSS Transforms with <em>alpha</em> = <em>angle</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1101
1101
<li>If <em>x</em> or <em>y</em> are not ''0'', set <a>is2D</a> of the current matrix to <code>false</code>.</li>
1102
1102
<li>Return the current matrix.</li>
1103
1103
</ol>
1104
1104
</dd>
1105
1105
<dt><dfn>skewXSelf(<var>sx</var>)</dfn></dt>
1106
1106
<dd>
1107
1107
<ol>
1108
-
<li>Post-multiply a skewX transformation on the current matrix by the specified angle <em>sx</em> in degrees. The 2D skewX matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#SkewXDefined">described</a> in CSS Transforms with <em>alpha</em> = <em>sx</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1108
+
<li>Post-multiply a skewX transformation on the current matrix by the specified angle <em>sx</em> in degrees. The 2D skewX matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#SkewXDefined">described</a> in CSS Transforms with <em>alpha</em> = <em>sx</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1109
1109
<li>Return the current matrix.</li>
1110
1110
</ol>
1111
1111
</dd>
1112
1112
<dt><dfn>skewYSelf(<var>sy</var>)</dfn></dt>
1113
1113
<dd>
1114
1114
<ol>
1115
-
<li>Post-multiply a skewX transformation on the current matrix by the specified angle <em>sy</em> in degrees. The 2D skewY matrix is <a href="http://www.w3.org/TR/2012/WD-css3-transforms-20120911/#SkewYDefined">described</a> in CSS Transforms with <em>beta</em> = <em>sy</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1115
+
<li>Post-multiply a skewX transformation on the current matrix by the specified angle <em>sy</em> in degrees. The 2D skewY matrix is <a href="https://www.w3.org/TR/2012/WD-css3-transforms-20120911/#SkewYDefined">described</a> in CSS Transforms with <em>beta</em> = <em>sy</em> in degrees [[!CSS3-TRANSFORMS]].</li>
1116
1116
<li>Return the current matrix.</li>
1117
1117
</ol>
1118
1118
</dd>
@@ -1127,9 +1127,9 @@ Note: Authors who use chained method calls are recommended to use mutable transf
<li>Parse <var>transformList</var> by following the syntax description in “<a href=http://www.w3.org/TR/css-transforms-1/#svg-syntax>Syntax of the SVG ‘transform’ attribute</a>” [[!CSS3-TRANSFORMS]] to a <<transform-list>>. If parsing is not successful or any <<transform-function>> has <<length>> values without <a spec='css-values'>absolute length</a> units<!--For WD: <a spec='css-values-3'>absolute length units</a>-->, throw a {{SyntaxError}} exception.</li>
1131
-
<li>Set <a>is2D</a> to <code>false</code> if the <<transform-list>> consists of any <a href='http://www.w3.org/TR/css-transforms-1/#three-d-transform-functions'>3D Transform functions</a>. Otherwise set <a>is2D</a> to <code>true</code>.</li>
1132
-
<li>Transform all <<transform-function>>s to 4x4 matrices by following the “<a href=http://www.w3.org/TR/css-transforms-1/#mathematical-description>Mathematical Description of Transform Functions</a>” [[!CSS3-TRANSFORMS]].</li>
1130
+
<li>Parse <var>transformList</var> by following the syntax description in “<a href=https://www.w3.org/TR/css-transforms-1/#svg-syntax>Syntax of the SVG ‘transform’ attribute</a>” [[!CSS3-TRANSFORMS]] to a <<transform-list>>. If parsing is not successful or any <<transform-function>> has <<length>> values without <a spec='css-values'>absolute length</a> units<!--For WD: <a spec='css-values-3'>absolute length units</a>-->, throw a {{SyntaxError}} exception.</li>
1131
+
<li>Set <a>is2D</a> to <code>false</code> if the <<transform-list>> consists of any <a href='https://www.w3.org/TR/css-transforms-1/#three-d-transform-functions'>3D Transform functions</a>. Otherwise set <a>is2D</a> to <code>true</code>.</li>
1132
+
<li>Transform all <<transform-function>>s to 4x4 matrices by following the “<a href=https://www.w3.org/TR/css-transforms-1/#mathematical-description>Mathematical Description of Transform Functions</a>” [[!CSS3-TRANSFORMS]].</li>
1133
1133
<li>Post-multiply all matrices from left to right to a combined 4x4 matrix.</li>
1134
1134
<li>Set the <a attribute>m11</a> to <a attribute>m44</a> attributes to the element values of the 4x4 matrix in column-major order.</li>
1135
1135
<li>Return the current matrix.</li>
@@ -1146,11 +1146,11 @@ When a user agent is asked to <b>clone</b> an <a interface>DOMPointReadOnly</a>,
1146
1146
<li>Return <var>new</var>. It is the clone.
1147
1147
</ol>
1148
1148
1149
-
The above algorithm follows the <a href="http://www.w3.org/TR/html5/infrastructure.html#safe-passing-of-structured-data">“safe passing of structured data”</a>[[!HTML5]] definitions.
1149
+
The above algorithm follows the <a href="https://www.w3.org/TR/html5/infrastructure.html#safe-passing-of-structured-data">“safe passing of structured data”</a>[[!HTML5]] definitions.
1150
1150
1151
1151
<h2 class="no-num" id="changes">Changes since last publication</h2>
1152
1152
1153
-
The following changes were made since the <a href="http://www.w3.org/TR/2014/WD-geometry-1-20140918/">18 September 2014 Working Draft</a>.
1153
+
The following changes were made since the <a href="https://www.w3.org/TR/2014/WD-geometry-1-20140918/">18 September 2014 Working Draft</a>.
1154
1154
1155
1155
<ul>
1156
1156
<li>Changed {{DOMMatrixReadOnly}} and {{DOMMatrix}} to be compatible with
@@ -1176,7 +1176,7 @@ The following changes were made since the <a href="http://www.w3.org/TR/2014/WD-
1176
1176
<li>The live <code>bounds</code> attribute on {{DOMQuad}} was replaced with a non-live {{DOMQuad/getBounds()}} method. The "associated bounding rectangle" concept was also removed.
1177
1177
</ul>
1178
1178
1179
-
The following changes were made since the <a href="http://www.w3.org/TR/2014/WD-geometry-1-20140626/">26 June 2014 Last Call Public Working Draft</a>.
1179
+
The following changes were made since the <a href="https://www.w3.org/TR/2014/WD-geometry-1-20140626/">26 June 2014 Last Call Public Working Draft</a>.
1180
1180
1181
1181
<ul>
1182
1182
<li><a interface>DOMPointReadOnly</a> got a constructor taking 4 arguments.</li>
@@ -1188,7 +1188,7 @@ The following changes were made since the <a href="http://www.w3.org/TR/2014/WD-
1188
1188
<li>Replace IndexSizeError exception with TypeError.</li>
1189
1189
</ul>
1190
1190
1191
-
The following changes were made since the <a href="http://www.w3.org/TR/2014/WD-geometry-1-20140522/">22 May 2014 First Public Working Draft</a>.
1191
+
The following changes were made since the <a href="https://www.w3.org/TR/2014/WD-geometry-1-20140522/">22 May 2014 First Public Working Draft</a>.
1192
1192
1193
1193
<ul>
1194
1194
<li>Renamed mutable transformation methods *By to *Self. (E.g. translateBy() got to translateSelf().)</li>
0 commit comments