Revolutionize web visualizations with the power of HTML5 canvas
About This Video
Master the art of creating complex shapes with the canvas API
Add, delete, and modify canvas elements to make your applications dynamic on the fly
Get to grips with pixel manipulation in canvas and control the canvas itself
Mastering HTML5 Canvas walks you through the fascinating arena of web development, covering all the critical concepts of drawing and manipulating pixels in the canvas through tons of examples and designs.
We start the course off by introducing the foundations of the canvas API. You’ll learn how to create canvas elements dynamically and draw basic shapes, and you’ll get familiar with the work environment. Then we shift our focus on to drawing, where you will draw lines, original shapes, paths, and even multiple pointed shapes.
Next, we’ll then leverage the logic that stands behind the cosine and sine functions and through them, create more complicated shapes. This new insight will enable you to create more complex and advanced shape combinations. We will continue our journey by getting to grips with the various types of curves, images, and gradient colors. Finally, we will deal with manipulation of the canvas itself.
By the end of this course, you will know how to draw in HTML5 canvas, create complex shapes, and use angles, arcs, and curves to create your own art work. You will be a master of the HTML5 2D canvas API.
Table of Contents
- Chapter 1 : Getting Started with HTML5 Canvas
- Chapter 2 : Creating Shapes Using Paths
- Chapter 3 : Drawing with Angles
- Chpater 4 : From Curves to Gradients
- Chapter 5 : Manipulating the Canvas
- Title: Mastering HTML5 Canvas
- Release date: December 2015
- Publisher(s): Packt Publishing
- ISBN: 9781786467942