@@ -27,7 +27,6 @@ Can I Use URL: https://www.w3.org/TR/geometry-1/
2727Ignore Can I Use URL Failure : https://drafts.fxtf.org/geometry/
2828Ignore Can I Use URL Failure : https://www.w3.org/TR/geometry-1/
2929Complain About : accidental-2119 true
30- Default Highlight : javascript
3130</pre>
3231
3332<pre class=anchors>
@@ -205,7 +204,7 @@ and returns a new {{DOMPoint}} object.
205204 <p> In this example the method {{DOMPointReadOnly/matrixTransform()}} on <var ignore> point</var> is
206205 called with a {{DOMMatrix}} argument <var ignore> matrix</var> .
207206
208- <pre><code>
207+ <pre><code highlight=javascript >
209208 var point = new DOMPoint(5, 4);
210209 var matrix = new DOMMatrix([2, 0, 0, 2, 10, 10] );
211210 var transformedPoint = point.matrixTransform(matrix);
@@ -549,15 +548,15 @@ algorithm:
549548 <p> In this example the {{DOMQuad}} constructor is called with arguments of type {{DOMPoint}} and
550549 {{DOMPointInit}} . Both arguments are accepted and can be used.
551550
552- <pre><code>
551+ <pre><code highlight=javascript >
553552 var point = new DOMPoint(2, 0);
554553 var quad1 = new DOMQuad(point, {x: 12, y: 0}, {x: 2, y: 10}, {x: 12, y: 10});
555554 </code></pre>
556555
557556 <p> The attribute values of the resulting {{DOMQuad}} <var ignore> quad1</var> above are also equal
558557 to the attribute values of the following {{DOMQuad}} <var ignore> quad2</var> :
559558
560- <pre><code>
559+ <pre><code highlight=javascript >
561560 var rect = new DOMRect(2, 0, 10, 10);
562561 var quad2 = DOMQuad.fromRect(rect);
563562 </code></pre>
@@ -566,7 +565,7 @@ algorithm:
566565<div class=example>
567566 <p> This is an example of an irregular quadrilateral:
568567
569- <pre><code>
568+ <pre><code highlight=javascript >
570569 new DOMQuad({x: 40, y: 25}, {x: 180, y: 8}, {x: 210, y: 150}, {x: 10, y: 180});
571570 </code></pre>
572571
@@ -880,8 +879,8 @@ means to run the following steps. It will either return a <a lt="abstract matrix
880879a boolean <var> 2dTransform</var> , or failure.
881880
882881<ol>
883- <li><p> If <var> transformList</var> is the empty string, set it to the string "<code
884- nohighlight> matrix(1, 0, 0, 1, 0, 0)</code> ".
882+ <li><p> If <var> transformList</var> is the empty string, set it to the string "<code> matrix(1, 0, 0,
883+ 1, 0, 0)</code> ".
885884
886885 <li><p> <a for=CSS>Parse</a> <var> transformList</var> into <var> parsedValue</var> given the grammar
887886 for the CSS 'transform' property. The result will be a <<transform-list>> , the keyword
@@ -1428,31 +1427,31 @@ export>is 2D</dfn>. This flag indicates that:
14281427 <p> If <a for=matrix>is 2D</a> is <code> true</code> , then:
14291428
14301429 <ol>
1431- <li><p> Append "<code nohighlight > matrix(</code> " to <var> string</var> .
1430+ <li><p> Append "<code> matrix(</code> " to <var> string</var> .
14321431
14331432 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m11 element</a> ) to <var> string</var> .
14341433
1435- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1434+ <li><p> Append "<code> , </code> " to <var> string</var> .
14361435
14371436 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m12 element</a> ) to <var> string</var> .
14381437
1439- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1438+ <li><p> Append "<code> , </code> " to <var> string</var> .
14401439
14411440 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m21 element</a> ) to <var> string</var> .
14421441
1443- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1442+ <li><p> Append "<code> , </code> " to <var> string</var> .
14441443
14451444 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m22 element</a> ) to <var> string</var> .
14461445
1447- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1446+ <li><p> Append "<code> , </code> " to <var> string</var> .
14481447
14491448 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m41 element</a> ) to <var> string</var> .
14501449
1451- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1450+ <li><p> Append "<code> , </code> " to <var> string</var> .
14521451
14531452 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m42 element</a> ) to <var> string</var> .
14541453
1455- <li><p> Append "<code nohighlight > )</code> " to <var> string</var> .
1454+ <li><p> Append "<code> )</code> " to <var> string</var> .
14561455 </ol>
14571456
14581457 <p class=note> The string will be in the form of a a CSS Transforms <<matrix()>> function.
@@ -1461,55 +1460,55 @@ export>is 2D</dfn>. This flag indicates that:
14611460 <li>
14621461 <p> Otherwise:
14631462 <ol>
1464- <li><p> Append "<code nohighlight > matrix3d(</code> " to <var> string</var> .
1463+ <li><p> Append "<code> matrix3d(</code> " to <var> string</var> .
14651464
14661465 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m11 element</a> ) to <var> string</var> .
14671466
1468- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1467+ <li><p> Append "<code> , </code> " to <var> string</var> .
14691468
14701469 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m12 element</a> ) to <var> string</var> .
14711470
1472- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1471+ <li><p> Append "<code> , </code> " to <var> string</var> .
14731472
14741473 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m13 element</a> ) to <var> string</var> .
14751474
1476- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1475+ <li><p> Append "<code> , </code> " to <var> string</var> .
14771476
14781477 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m14 element</a> ) to <var> string</var> .
14791478
1480- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1479+ <li><p> Append "<code> , </code> " to <var> string</var> .
14811480
14821481 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m21 element</a> ) to <var> string</var> .
14831482
1484- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1483+ <li><p> Append "<code> , </code> " to <var> string</var> .
14851484
14861485 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m22 element</a> ) to <var> string</var> .
14871486
1488- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1487+ <li><p> Append "<code> , </code> " to <var> string</var> .
14891488
14901489 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m23 element</a> ) to <var> string</var> .
14911490
1492- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1491+ <li><p> Append "<code> , </code> " to <var> string</var> .
14931492
14941493 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m24 element</a> ) to <var> string</var> .
14951494
1496- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1495+ <li><p> Append "<code> , </code> " to <var> string</var> .
14971496
14981497 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m41 element</a> ) to <var> string</var> .
14991498
1500- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1499+ <li><p> Append "<code> , </code> " to <var> string</var> .
15011500
15021501 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m42 element</a> ) to <var> string</var> .
15031502
1504- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1503+ <li><p> Append "<code> , </code> " to <var> string</var> .
15051504
15061505 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m43 element</a> ) to <var> string</var> .
15071506
1508- <li><p> Append "<code nohighlight > , </code> " to <var> string</var> .
1507+ <li><p> Append "<code> , </code> " to <var> string</var> .
15091508
15101509 <li><p> Append [=!=] [=ToString=] (<a for=matrix>m44 element</a> ) to <var> string</var> .
15111510
1512- <li><p> Append "<code nohighlight > )</code> " to <var> string</var> .
1511+ <li><p> Append "<code> )</code> " to <var> string</var> .
15131512 </ol>
15141513
15151514 <p class=note> The string will be in the form of a a CSS Transforms <<matrix3d()>> function.
@@ -1522,23 +1521,23 @@ export>is 2D</dfn>. This flag indicates that:
15221521 <div class=example>
15231522 <p> In this example, a matrix is created and several 2D transformation methods are called:
15241523
1525- <pre><code>
1524+ <pre><code highlight=javascript >
15261525 var matrix = new DOMMatrix();
15271526 matrix.scaleSelf(2);
15281527 matrix.translateSelf(20,20);
15291528 </code></pre>
15301529
15311530 <p> Calling <code> matrix.toString()</code> returns the DOMString:
15321531
1533- <pre><code>
1532+ <pre><code highlight=javascript >
15341533 "matrix(2, 0, 0, 2, 20, 20)"
15351534 </code></pre>
15361535 </div>
15371536
15381537 <div class=example>
15391538 <p> In the following example, a matrix is created and several 3D transformation methods are called:
15401539
1541- <pre><code>
1540+ <pre><code highlight=javascript >
15421541 var matrix = new DOMMatrix();
15431542 matrix.scale3dSelf(2);
15441543 </code></pre>
@@ -1547,15 +1546,15 @@ export>is 2D</dfn>. This flag indicates that:
15471546
15481547 <p> Calling <code> matrix.toString()</code> after the snippet above returns the DOMString:
15491548
1550- <pre><code>
1549+ <pre><code highlight=javascript >
15511550 "matrix3d(2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 2, 0, 0, 0, 0, 1)"
15521551 </code></pre>
15531552 </div>
15541553
15551554 <div class=example>
15561555 <p> This example will throw an exception because there are non-finite values in the matrix.
15571556
1558- <pre><code>
1557+ <pre><code highlight=javascript >
15591558 var matrix = new DOMMatrix([NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN, NaN] );
15601559 var string = matrix + " Batman!";
15611560 </code></pre>
@@ -1571,7 +1570,7 @@ was invoked on. The primary benefit of this is allowing content creators to chai
15711570<div class=example>
15721571 <p> The following code example:
15731572
1574- <pre><code>
1573+ <pre><code highlight=javascript >
15751574 var matrix = new DOMMatrix();
15761575 matrix.translateSelf(20, 20);
15771576 matrix.scaleSelf(2);
@@ -1580,7 +1579,7 @@ was invoked on. The primary benefit of this is allowing content creators to chai
15801579
15811580 <p> is equivalent to:
15821581
1583- <pre><code>
1582+ <pre><code highlight=javascript >
15841583 var matrix = new DOMMatrix();
15851584 matrix.translateSelf(20, 20).scaleSelf(2).translateSelf(-20, -20);
15861585 </code></pre>
0 commit comments