Свойство 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

javascriptKontext.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:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.font = '30px Arial';
ctx.fillText('Hello world', 30, 50);

Результат:

Siehe auch