Gradients

Your browser does not support the HTML5 canvas element. Waaahhhh....

Notes on this sketch

Gradients are easily made for the canvas. Just view the code to see how these were made.

There are two basic types of gradients for the canvas: radial and linear. This page just shows some very simple examples of linear gradients. Gradients can become quite complex. For examples of radial gradients and more complex linear gradients, see the Opera dev page on gradients.

Creative Commons License
HTML5 Canvas demos by mFragin Licence info here.