aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html')
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html14
1 files changed, 6 insertions, 8 deletions
diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
index d4dfb4f299..14620b3c66 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html
@@ -25,7 +25,7 @@ translation_of: Web/API/CanvasRenderingContext2D/strokeRect
<dd>L'abcisse <em>x</em> des coordonnées du point de départ du rectangle.</dd>
<dt><code>y</code></dt>
<dd>L'ordonnée <em>y</em> des coordonnées du point de départ du rectangle.</dd>
- <dt><font face="Consolas, Liberation Mono, Courier, monospace">largeur</font></dt>
+ <dt>largeur</dt>
<dd>La largeur du rectangle.</dd>
<dt><code>hauteur</code></dt>
<dd>La hauteur de rectangle.</dd>
@@ -44,7 +44,7 @@ translation_of: Web/API/CanvasRenderingContext2D/strokeRect
<h4 id="JavaScript">JavaScript</h4>
-<pre class="brush: js; highlight:[5]">var canvas = document.getElementById("canvas");
+<pre class="brush: js">var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.strokeStyle = "green";
@@ -53,10 +53,9 @@ ctx.strokeRect(10, 10, 100, 100);
<p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p>
-<div class="hidden">
-<h6 id="Playable_code">Playable code</h6>
+<h4 id="code_jouable">Code jouable</h4>
-<pre class="brush: html">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
+<pre class="brush: html hidden">&lt;canvas id="canvas" width="400" height="200" class="playable-canvas"&gt;&lt;/canvas&gt;
&lt;div class="playable-buttons"&gt;
  &lt;input id="edit" type="button" value="Edit" /&gt;
  &lt;input id="reset" type="button" value="Reset" /&gt;
@@ -66,7 +65,7 @@ ctx.strokeStyle = "green";
ctx.strokeRect(10, 10, 100, 100);&lt;/textarea&gt;
</pre>
-<pre class="brush: js">var canvas = document.getElementById("canvas");
+<pre class="brush: js hidden">var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var textarea = document.getElementById("code");
var reset = document.getElementById("reset");
@@ -90,9 +89,8 @@ edit.addEventListener("click", function() {
textarea.addEventListener("input", drawCanvas);
window.addEventListener("load", drawCanvas);
</pre>
-</div>
-<p>{{ EmbedLiveSample('Playable_code', 700, 360) }}</p>
+<p>{{ EmbedLiveSample('code_jouable', 700, 360) }}</p>
<h2 id="Spécifications">Spécifications</h2>