HTML5 Canvas


  • What is Canvas? 
  • Drawing shapes 
  • Using images 
  • Colors 
  • Transparency 
  • Gradients 
  • Transformation 
  • Compositing 
  • Basic Animation 
  • 3rd-party canvas libraries 
  • Canvas vs SVG (will be covered in “SVG” presentation)

What is Canvas?

  • 2D drawing platform for the browser 
  • Uses nothing more than HTML and JavaScript 
    • No plugins are needed
  • Represented by < canvas > element in an HTML5 document

You must have an active subscription to download PDF and Lab Zip of this course topic.Please click the "Subscribe" button or the "Login" button if you already have an account.