HTML5: 20 Lessons to Successful Web Development

Creating Rectangles, Fills, Gradients, and Patterns

         To view the accompanying video for this lesson, please visit mhprofessional.com/nixonhtml5/.

Now that you’ve seen how to use JavaScript to access the HTML5 canvas, let’s look at all the different functions available for creating different effects, including drawing lines, rectangles, and circles; changing colors; using pattern and gradient fills; writing text; changing font face; using lines, paths and curves; applying images to a canvas; adding shadows; direct pixel manipulation; compositing ...