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

Χρειαζόμαστε το CanvasRenderingContext2D tγια να δημιουργήσουμε μια επιφάνεια στην οποία μπορούμε να εργαστούμε.

Τα βήματα για τη χρήση του CanvasRenderingContext2D είναι:

var canvas0 = document.getElementById("mycanvas0");
var context0= canvas.getContext('2d'); 
/* context0= will be your context */

Χρειάζεται μόνο να το κάνετε αυτό μία φορά και στη συνέχεια μπορείτε να συνεχίσετε να το χρησιμοποιείτε για να κάνετε όλο το σχέδιό σας.

Στο επόμενο μάθημα, θα χρησιμοποιήσουμε αυτήν την επιφάνεια για να αρχίσουμε να σχεδιάζουμε.