Canvas API

16 casts | 1:56:24 for the total series

HTML API

Created By Jannat 6 Followers

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

Playlist

  • 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

Created By

Web, Game developer, coding bootcamp instructor also dabbling in VR. Like meta-learning, JavaScript and Unity3D. Creating at CodeCast

$0.00

USD
This series includes

Learn how to use the Canvas API in this CodeCast series. We will implement the Canvas API in a couple of projects:

  • Stream a video onto a canvas and take a picture
  • Apply filters on an image using Canvas API
  • Code a Document Signature web app with Canvas API and LocalStorage API
Purchase Series (Free) View Demo