Tuesday, October 21, 2014

SVG Coloring Page

I've been playing around with SVGs lately and was amazed at how easy it is to create a simple
coloring page that runs on almost any browser and device. No Canvas or HTML5 API.

Check it out:

The code is very simple:
I use jQuery to select all SVG elements that have a "fill" style and change the fill color upon click.

You can right-click and select "view frame source" to see the code - I'm sure you will find it simple to understand.

No comments:

Post a Comment

About Me

My photo
I've been developing Internet and rich-media application for 15 years. In my work I emphasis usability and best user experience as well as sleek design. My main expertise are JavaScript, Flex and Flash.