Ιδιότητα font

Η ιδιότητα font ορίζει τις ρυθμίσεις της γραμματοσειράς κατά τη σχεδίασή της στο canvas με τη μέθοδο fillText ή τη μέθοδο strokeText. Η μέθοδος δέχεται τις ίδιες παραμέτρους όπως και η CSS ιδιότητα font.

Σύνταξη

context.font = ρυθμίσεις γραμματοσειράς;

Παράδειγμα

Ας σχεδιάσουμε κείμενο στο canvas χρησιμοποιώντας τη fillText και ας ορίσουμε μέγεθος 30px και τύπο Arial με το 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);

Δείτε επίσης

ιδιότητα textAlign,
που ευθυγραμμίζει το κείμενο οριζόντια
ιδιότητα textBaseline,
που ευθυγραμμίζει το κείμενο κάθετα