Свойство font
Die Eigenschaft font legt die Schriftarteinstellungen
fest, wenn sie auf canvas mit der Methode
fillText
oder der Methode strokeText gezeichnet wird.
Die Methode akzeptiert die gleichen Parameter wie die
CSS-Eigenschaft font.
Syntax
Kontext.font = Schriftarteinstellungen;
Beispiel
Lassen Sie uns einen Text auf canvas mit
fillText
zeichnen und ihm eine Größe von 30px und den Typ
Arial mit font zuweisen:
<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);
:
Siehe auch
-
die Eigenschaft
textAlign,
die den Text horizontal ausrichtet -
die Eigenschaft
textBaseline,
die den Text vertikal ausrichtet
