Aims - Expected outcomes- Key concepts Images- The Canvas HTML element

Aims

The purpose of this module is to learn how to manipulate text, shapes and images in the canvas HTML element on the fly, via JavaScript.

Expected outcomes

Upon completion of this module, you should know / should be able to:

Submodule 10.1: Canvas HTML element

• • recognize what is the Canvas HTML element
  • to create a Canvas graphics HTML element
  • insert and handle text into the canvas
  • insert and handle shapes into the canvas
  • insert an image into the canvas

Submodule 10.2: The RGBAs of image

• • recognize and use the RGB model
  • recognize and use the RGBA model
  • recognize what is bitmap data
  • create the bitmap data of an image

Submodule 10.3: Image manipulation

• • Apply these statements in image manipulation

Key concepts

• • JS - HTML Canvas
  • RGBA mοdel