<canvas id="myCanvas">Balise non reconnue</canvas>
<script type="text/javascript">
var myCanvas=
document.
getElementById("myCanvas");
var ctx=myCanvas.
getContext("2d");
/* Affichage de texte au point (20, 100) */
ctx.
font="50px arial";
ctx.
fillText("My Big Text", 20, 100);
/* Création du point (20, 100) */
ctx.
strokeStyle="#FF0000";
ctx.
lineWidth="2";
ctx.
beginPath();
ctx.
moveTo(15,95);
ctx.
lineTo(25,105);
ctx.
stroke();
ctx.
beginPath();
ctx.
moveTo(25,95);
ctx.
lineTo(15,105);
ctx.
stroke();
/* Création de la ligne d'appui */
ctx.
strokeStyle="#FF0000";
ctx.
lineWidth="1";
ctx.
beginPath();
ctx.
moveTo(0,100);
ctx.
lineTo(295,100);
ctx.
stroke();
</script>
Affichage de texte et positionnement du point de départ.
Le point (x, y) est en bas à gauche du texte, sur la ligne d'appui des lettres.