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


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 15.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 15.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 15.3: Image manipulation

    • Apply these statements in image manipulation


Key concepts
    • JS - HTML Canvas
    • RGBA mοdel

In order to complete this module, you have to:

  • Study the resources provided for the submodule
  • Test your knowledge by answering the Practice set on this module’s content
  • Implement and submit the assignment on this module’s content
  • Reflect if the outcomes of this Module have been achieved
  • Give us feedback on this module’s content

The estimated time to complete these activities is 3 hours.

Last modified: Sunday, 30 September 2018, 8:47 PM