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.