aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html')
-rw-r--r--files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html12
1 files changed, 5 insertions, 7 deletions
diff --git a/files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html b/files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html
index 868bc88ac9..c2dadee8db 100644
--- a/files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html
+++ b/files/fr/web/api/canvasrenderingcontext2d/textbaseline/index.html
@@ -41,7 +41,7 @@ translation_of: Web/API/CanvasRenderingContext2D/textBaseline
<h2 id="Exemples">Exemples</h2>
-<h3 id="Using_the_textBaseline_property" name="Using_the_textBaseline_property">Utilisation de la propritété <code>textBaseline</code></h3>
+<h3 id="Using_the_textBaseline_property">Utilisation de la propritété <code>textBaseline</code></h3>
<p>Ceci est seulement un fragment de code simple utilisant la propriété <code>textBaseline</code> pour définir un réglage différent de ligne de base de texte.</p>
@@ -62,10 +62,9 @@ ctx.strokeText('Hello world', 0, 100);
<p>Modifiez le code ci-dessous et voyez vos changements mis à jour en temps réel dans le canevas :</p>
-<div class="hidden">
-<h6 id="Playable_code" name="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;
@@ -76,7 +75,7 @@ ctx.textBaseline = 'hanging';
ctx.strokeText('Hello world', 0, 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');
@@ -100,9 +99,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>