diff options
Diffstat (limited to 'files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html')
-rw-r--r-- | files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html | 14 |
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"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> +<pre class="brush: html hidden"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> <div class="playable-buttons"> <input id="edit" type="button" value="Edit" /> <input id="reset" type="button" value="Reset" /> @@ -66,7 +65,7 @@ ctx.strokeStyle = "green"; ctx.strokeRect(10, 10, 100, 100);</textarea> </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> |