Propriété font
La propriété font définit les paramètres de la police de caractères
lors de son dessin sur canvas à l'aide de la méthode
fillText
ou de la méthode strokeText.
La méthode accepte les mêmes paramètres que la
propriété CSS font.
Syntaxe
contexte.font = paramètres de police;
Exemple
Dessinons du texte sur un canvas à l'aide de
fillText
et définissons sa taille à 30px et le type de police
Arial en utilisant font :
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);
:
Voir aussi
-
la propriété
textAlign,
qui aligne le texte horizontalement -
la propriété
textBaseline,
qui aligne le texte verticalement
