Skip to content

Commit b6674e4

Browse files
zcorpansvgeesus
authored andcommitted
Editorial: Only syntax-highlight <pre><code>
1 parent de8b2fa commit b6674e4

File tree

1 file changed

+33
-34
lines changed

1 file changed

+33
-34
lines changed

geometry/Overview.bs

Lines changed: 33 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,6 @@ Can I Use URL: https://www.w3.org/TR/geometry-1/
2727
Ignore Can I Use URL Failure: https://drafts.fxtf.org/geometry/
2828
Ignore Can I Use URL Failure: https://www.w3.org/TR/geometry-1/
2929
Complain 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
880879
a 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

Comments
 (0)