diff options
Diffstat (limited to 'files/fr/web/api/canvasrenderingcontext2d')
20 files changed, 22 insertions, 24 deletions
diff --git a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html index 28219272c1..f71bbb14db 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/arc/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/arc/index.html @@ -55,7 +55,7 @@ ctx.stroke();</code></pre> <p>Modifiez le code ci-dessous et voyez les changements en direct sur le canvas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -101,7 +101,7 @@ window.addEventListener("load", drawCanvas); <p>Dans cet exemple, plusieurs formes différentes sont dessinées, afin de montrer les possibilités offertes par <code>arc()</code>.</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="HTML_2">HTML</h6> <pre class="brush: html"><canvas id="canvas" width="150" height="200"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html index 4df338c796..63a7c190dc 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/beginpath/index.html @@ -49,7 +49,7 @@ ctx.stroke(); <p>Éditez le code ci-dessous pour voir vos changements directemment apportés au canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html index b3748ccbd7..6d32bb14f5 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/closepath/index.html @@ -40,7 +40,7 @@ ctx.stroke(); <p>Editez le code ci-dessous et observez les répercutions dans le canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html index 76fb50df9f..a764bd4477 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/createlineargradient/index.html @@ -70,7 +70,7 @@ ctx.fillRect(10, 10, 200, 100); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel sur le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html index 1d217a65b7..9355533e78 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/drawimage/index.html @@ -65,7 +65,6 @@ void <var><em>ctx</em>.drawImage(image, sx, sy, sLargeur, sHauteur, dx, dy, dLar <h4 id="HTML">HTML</h4> <pre class="brush: html"><canvas id="canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> @@ -82,11 +81,10 @@ ctx.drawImage(image, 33, 71, 104, 124, 21, 20, 87, 104); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> -<div style="display:none;"> <img id="source" src="https://mdn.mozillademos.org/files/5397/rhino.jpg" width="300" height="227"> </div> <div class="playable-buttons"> diff --git a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html index 61d8e1345d..80b247abdc 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/ellipse/index.html @@ -62,7 +62,7 @@ ctx.stroke(); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas (vérifiez le support de votre navigateur dans la table de compatibilité si aucune ellipse n'est tracée) :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code" name="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html index 2a5e36e2cb..3bec32ef04 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/fillrect/index.html @@ -54,7 +54,7 @@ ctx.fillRect(10, 10, 100, 100); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html index 666e230f59..598c9bb3ac 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/filltext/index.html @@ -58,7 +58,7 @@ ctx.fillText('Hello world', 50, 100); <p>Modifiez le code ci-dessous et voyez vos changements être mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html index 51359d72fd..afa3187b8b 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/lineto/index.html @@ -51,7 +51,7 @@ ctx.stroke(); <p>Éditez le code suivant pour voir les changements en direct:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html index f7890599d4..a290011500 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/moveto/index.html @@ -49,7 +49,7 @@ ctx.stroke(); <p>Éditez le code ci-dessous pour voir vos changements mettre à jour le canvas en direct:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html index f030ad7c92..72cc18fca8 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/rect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/rect/index.html @@ -51,7 +51,7 @@ ctx.fill(); <p>Éditez le code ci-dessous pour voir vos mises à jour apportées au canvas directement:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html index 94dabd0201..66a5dcea2d 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/rotate/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html index 91746be321..d0315f61ea 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/scale/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/scale/index.html @@ -54,7 +54,7 @@ ctx.setTransform(1, 0, 0, 1, 0, 0); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> @@ -100,7 +100,7 @@ window.addEventListener("load", drawCanvas); <p>Vous pouvez utiliser <code>ctx.scale(-1, 1)</code> pour retourner le contexte horizontalement et <code>ctx.scale(1, -1) </code>pour le retourner verticalement.</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code2">Playable code2</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html index 99a57ca4c5..2f821c9367 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/setlinedash/index.html @@ -69,7 +69,7 @@ ctx.stroke(); <p>Editez le code ci-dessous et observez les changements se produire dans le canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html index 54a288091b..e538f72e22 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/settransform/index.html @@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100); <p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html index 59f9bb5f95..4813eca699 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/stroke/index.html @@ -41,7 +41,7 @@ ctx.stroke(); <p>Editer le code en dessous et voir vos modifications mises à jour en direct dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html index e2ac6a0f97..e625af9801 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/strokerect/index.html @@ -53,7 +53,7 @@ ctx.strokeRect(10, 10, 100, 100); <p>Éditez le code suivant pour voir les changements en direct dans la balise canvas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html index 379e409679..8c89a5bf6b 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/stroketext/index.html @@ -58,7 +58,7 @@ ctx.strokeText('Hello world', 50, 100); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas:</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html index fa60151b13..f90c0fca72 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/transform/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/transform/index.html @@ -61,7 +61,7 @@ ctx.fillRect(0, 0, 100, 100); <p>Modifiez le code ci-dessous et voyez vos modifications mises à jour en direct dans le canevas :</p> -<div style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> diff --git a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html index 6146a88b6c..2ea645a83d 100644 --- a/files/fr/web/api/canvasrenderingcontext2d/translate/index.html +++ b/files/fr/web/api/canvasrenderingcontext2d/translate/index.html @@ -54,7 +54,7 @@ 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 style="display: none;"> +<div class="hidden"> <h6 id="Playable_code">Playable code</h6> <pre class="brush: html"><canvas id="canvas" width="400" height="200" class="playable-canvas"></canvas> |