Μέθοδος fillText

Η μέθοδος fillText σχεδιάζει στο canvas ένα δεδομένο κείμενο. Ως πρώτη παράμετρο δέχεται το ίδιο το κείμενο, και ως δεύτερη και τρίτη - τις συντεταγμένες του σημείου, στο οποίο πρέπει να τοποθετηθεί αυτό το κείμενο. Το μέγεθος και ο τύπος της γραμματοσειράς ορίζονται χρησιμοποιώντας την ιδιότητα font.

Σύνταξη

context.fillText(κείμενο, x, y);

Παράδειγμα

Ας σχεδιάσουμε στο canvas ένα κείμενο χρησιμοποιώντας fillText, ορίζοντας του μέγεθος 30px και τύπο Arial:

<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);

Δείτε επίσης

μέθοδος strokeText,
που σχεδιάζει στο canvas το περίγραμμα ενός δεδομένου κειμένου
ιδιότητα font,
που ορίζει το μέγεθος και τον τύπο της γραμματοσειράς