diff options
Diffstat (limited to 'files/fr/web/api/canvasrenderingcontext2d/translate/index.html')
-rw-r--r-- | files/fr/web/api/canvasrenderingcontext2d/translate/index.html | 14 |
1 files changed, 6 insertions, 8 deletions
diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html index 5f0afeb073..9b82274d6d 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html @@ -18,7 +18,7 @@ translation_of: Web/API/CanvasRenderingContext2D/translate <pre class="syntaxbox">void <var><em>ctx</em>.translate(x, y);</var> </pre> -<p><img alt="" class="internal" src="https://mdn.mozillademos.org/files/234/Canvas_grid_translate.png" style="float: right;"></p> +<p><img alt="" src="canvas_grid_translate.png"></p> <h3 id="Paramètres">Paramètres</h3> @@ -42,7 +42,7 @@ translation_of: Web/API/CanvasRenderingContext2D/translate <h4 id="JavaScript">JavaScript</h4> -<pre class="brush: js; highlight:[4]">var canevas = document.getElementById('canevas'); +<pre class="brush: js">var canevas = document.getElementById('canevas'); var ctx = canevas.getContext('2d'); ctx.translate(50, 50); @@ -54,10 +54,9 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct sur le canevas :</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" /> @@ -68,7 +67,7 @@ ctx.fillRect(0,0,100,100); ctx.setTransform(1, 0, 0, 1, 0, 0);</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"); @@ -92,9 +91,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> |