Μέθοδος fillText

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

Σύνταξη

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

Παράδειγμα

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

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

Результат:

Δείτε επίσης