Week 12 — Drawing with the canvas object

Final exam

The final exam will be similar to class-exam 2. You should become familiar with the exam instructions.

The exam takes place in the Aviva tennis center. In addition to the student tip sheet — available on the Registrar's web site — you should read this tip sheet.

JavaScript programming short answer generic questions, and function programming questions.
DOM — know what the DOM model is, and be able to draw a diagram for an HTML file — DOM topics
JavaScript — be able to modify a DOM model using the DOM JavaScript functions. You only need to be familiar with the functions on the exam reference sheet.
CSS selectors look at class 3 detail

Drawing with the canvas object

You can draw on a page with JavaScript using the Canvas element. Here are a couple of sites to help you learn about that element.

The W3 schools HTML5 canvas element description is here.
Tutorial on using cavases.

Here are some examples using the canvas element.

Draw a line on a canvas here..
Rectangle moves across the canvas here.
An analog clock here.