Skip to content

Commit 2c8e14c

Browse files
zcorpansvgeesus
authored andcommitted
Editorial: Tweak somm examples
1 parent b6674e4 commit 2c8e14c

File tree

1 file changed

+12
-21
lines changed

1 file changed

+12
-21
lines changed

geometry/Overview.bs

Lines changed: 12 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,6 @@ Previous Version: https://www.w3.org/TR/2014/WD-geometry-1-20140626/
1212
Previous Version: https://www.w3.org/TR/2014/WD-geometry-1-20140522/
1313
Previous Version: https://www.w3.org/TR/2013/WD-matrix-20130919/
1414
Group: 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()
1715
Editor: Simon Pieters, Opera Software AS, simonp@opera.com
1816
Editor: Dirk Schulze, Adobe Systems Inc., dschulze@adobe.com
1917
Editor: Rik Cabanier, Adobe Systems Inc., cabanier@adobe.com
@@ -201,19 +199,20 @@ method, when invoked, must run the following steps:
201199
and 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

Comments
 (0)