@@ -12,8 +12,6 @@ Previous Version: https://www.w3.org/TR/2014/WD-geometry-1-20140626/
1212Previous Version : https://www.w3.org/TR/2014/WD-geometry-1-20140522/
1313Previous Version : https://www.w3.org/TR/2013/WD-matrix-20130919/
1414Group : fxtf
15- Ignored Terms : float32array, float64array, indexsizeerror, DOMString, boolean
16- Link Defaults : css-transforms-1 (type) <transform-list>/<transform-function>, css-transforms-1 (function) matrix3d()/matrix()
1715Editor : Simon Pieters, Opera Software AS, simonp@opera.com
1816Editor : Dirk Schulze, Adobe Systems Inc., dschulze@adobe.com
1917Editor : Rik Cabanier, Adobe Systems Inc., cabanier@adobe.com
@@ -201,19 +199,20 @@ method, when invoked, must run the following steps:
201199and returns a new {{DOMPoint}} object.
202200
203201<div class=example>
204- <p> In this example the method {{DOMPointReadOnly/matrixTransform()}} on <var ignore> point </var> is
205- called with a {{DOMMatrix}} argument <var ignore> matrix </var> .
202+ <p> In this example the method {{DOMPointReadOnly/matrixTransform()}} on a {{DOMPoint}} instance is
203+ called with a {{DOMMatrix}} instance as argument .
206204
207205 <pre><code highlight=javascript>
208206 var point = new DOMPoint(5, 4);
209207 var matrix = new DOMMatrix([2, 0, 0, 2, 10, 10] );
210208 var transformedPoint = point.matrixTransform(matrix);
211209 </code></pre>
212210
213- <p><var ignore> point</var> creates a new {{DOMPoint}} object initialized to the same
214- attribute values as <var ignore> point</var> . This new {{DOMPoint}} is now scaled and
215- the translated by <var ignore> matrix</var> . This resulting <var ignore> transformPoint</var> has
216- the attribute values <code> x: 20</code> and <code> y: 18</code> .
211+ <p> The <var ignore> point</var> variable is set to a new {{DOMPoint}} object with <a for=point>x
212+ coordinate</a> initialized to 5 and <a for=point>y coordinate</a> initialized to 4. This new
213+ {{DOMPoint}} is now scaled and the translated by <var ignore> matrix</var> . This resulting <var
214+ ignore> transformedPoint</var> has the <a for=point>x coordinate</a> 20 and <a for=point>y
215+ coordinate</a> 18.
217216</div>
218217
219218
@@ -1525,12 +1524,8 @@ export>is 2D</dfn>. This flag indicates that:
15251524 var matrix = new DOMMatrix();
15261525 matrix.scaleSelf(2);
15271526 matrix.translateSelf(20,20);
1528- </code></pre>
1529-
1530- <p> Calling <code> matrix.toString()</code> returns the DOMString:
1531-
1532- <pre><code highlight=javascript>
1533- "matrix(2, 0, 0, 2, 20, 20)"
1527+ console.assert(matrix.toString() ===
1528+ "matrix(2, 0, 0, 2, 20, 20)");
15341529 </code></pre>
15351530 </div>
15361531
@@ -1540,15 +1535,11 @@ export>is 2D</dfn>. This flag indicates that:
15401535 <pre><code highlight=javascript>
15411536 var matrix = new DOMMatrix();
15421537 matrix.scale3dSelf(2);
1538+ console.assert(matrix.toString() ===
1539+ "matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1)");
15431540 </code></pre>
15441541
1545- <p> For 3D operations, the stringifier returns a DOMString representing a 3D matrix.
1546-
1547- <p> Calling <code> matrix.toString()</code> after the snippet above returns the DOMString:
1548-
1549- <pre><code highlight=javascript>
1550- "matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1)"
1551- </code></pre>
1542+ <p> For 3D operations, the stringifier returns a string representing a 3D matrix.
15521543 </div>
15531544
15541545 <div class=example>
0 commit comments