HTML5 Canvas: Gradients
HTML5 Canvas
In this post we’re going to look at linear and radial gradients in HTML5, and how to apply these to shapes.
In this post we’re going to look at linear and radial gradients in HTML5, and how to apply these to shapes.
I’ve been busy creating a new blog theme which is up now, but during transition of the posts to fit in with it, some bits and pieces may not look all that awesome right now, but I’ll get to fixing them shortly!
Here I’m going to experiment with adding different styles onto shapes and lines within a canvas.
Text can be added to a canvas element. You can’t control the text a huge amount, but we’ll discover here what can be achieved.
As well as drawing shapes on a canvas, they can also be erased. For the examples in this post, I have initially laid down a filled background rectangle, and erased shapes out of it to demonstrate.
My brain won't shut up today. Shut up brain. #anxiety 8 hrs ago