Υποενότητα 10.1: Στοιχείο HTML Canvas

Θα ξεκινήσουμε μαθαίνοντας πώς να σχεδιάζουμε κείμενο σε καμβά.

Μερικές από τις πιο σημαντικές ιδιότητες και μέθοδοι είναι:

• font - ορίζει τις ιδιότητες γραμματοσειράς για το κείμενο
• fillText(text,x,y) - σχεδιάζει "με γέμισμα- filled" κείμενο στον καμβά
• strokeText(text,x,y) - σχεδιάζει κείμενο στον καμβά (χωρίς γέμισμα)
• fillStyle - Ορίζει ή επιστρέφει το χρώμα, την κλίση-gradient ή το μοτίβο-patterm που χρησιμοποιείται για να γεμίσει το σχέδιο

Ο κώδικας JavaScript:

context0.fillStyle = "blue";
context0.font = "3em Calibri";
context0.fillText("My TEXT!", 30, 110); /*use strokeText instead of fillText to see the difference*/

θα δημιουργήσει καμβά που εμφανίζεται ως