Description

Let’s learn about the Canvas API in this CodeCast series. We’ll learn the basics and then make a few projects such as streaming a video onto a canvas and taking a picture. Putting filters onto an image. We’ll finish up the series by coding a Document Signature web app with Canvas API and LocalStorage API

• 1. Getting started with Canvas API
  • Canvas API: Getting started

    3:36

  • Inspect the API

    3:43

  • Draw a rectangle and square to the canvas

    7:48

  • Draw a circle to the canvas

    6:29

  • Drawing lines to the canvas

    5:51

  • Drawing a triangle to the canvas

    3:55

• 2. Drawing images and videos to the canvas
  • Draw an image to the canvas

    4:35

  • Putting filters onto the image

    26:43

  • Streaming a video and taking a snapshot

    14:57

• 3. Document Signature web app with Canvas and LocalStorage API
  • Document Signature App with Canvas

    1:11

  • Document Signing App with Canvas - HTML and CSS

    2:39

  • Document Signature App with Canvas - JavaScript (Part 1)

    12:14

  • Document Signature App with Canvas - JavaScript (Part 2)

    7:02

  • Document Signature App with Canvas - Pen Colors

    4:33

  • Document Signature App with Canvas - Save Signatures

    8:38

  • Clear the Canvas of any Signatures

    2:30