VCT 1127 - Interactive Web Design 2: SVG and Canvas

1. Canvas and SVG overview
2. Canvas Element in HTML5
3. Canvas Components: Line, Arcs, Rectangles and Polygons
4. Strokes, Fills, Gradients and Patterns
5. TEXT in Canvas
6. Images and Video with Canvas
7. Animation with Canvas
8. SVG Graphics
9. Incorporate SVG

1. demonstrate drawing with the Canvas element.
2. draw lines, arcs, curves, rectangles, polygons with Canvas.
3. fill shapes with colors, gradients and patterns.
4. draw and manipulate text with Canvas.
5. add stroke and fill to text and positioning text within Canvas.
6. draw and scale images in Canvas.
7. implement animation with Canvas.
8. create SVG graphics.
9. incorporate SVG into HTML.

Courses and Registration