Description Affiche le texte à la position (x, y) dans le contexte du canvas avec la propriété font en cours. fillText() remplit les caractères avec les propriétés en cours du contexte.
Ne pas confondre avec strokeText() qui n'affiche que les contours du texte, sans le remplir.
Pour déterminer la longueur d'un texte en pixel, utilisez measureText(). Cette méthode permet de positionner finement un texte dans le dessin.
Attention, la position (x, y) dans le cas de l'écriture de texte est en bas à gauche par défaut. Il est possible de modifier la position vertical d'un texte avec la propriété textBaseline.
Exemple 1 : Affichage de texte et positionnement
Code source
<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);
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="canvasrenderingcontext2d.filltext"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='318'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="318"
SELECT * FROM js_exemple WHERE ID='318' ORDER BY ordre
SELECT * FROM js_url WHERE ID='318' ORDER BY ordre
SELECT * FROM js_url WHERE ID='308' ORDER BY ordre
En savoir plus
