There are three ways to fill or stroke SVG elements. You can use a solid color, a pattern, or a gradient. So far in this series we’ve seen the first two. Now it’s time to talk about the third, gradients.
Any time you can replace a bitmapped image with code you should. The code is going to weigh less and be more maintainable. That’s not to say we shouldn’t use bitmapped images, but where appropriate go with the code instead.