Scalable Vector Graphics (SVG)
Okay, so I have finally stated playing around with SVG a bit more after having a chat with Dean Jackson at the Canberra WSG meet.
svg practice stuff
- Shapes a bunch of shapes
- Paths, using paths and gradients
- updating SVG via GET - default square
Some examples of SVG and using ECMAScript (JavaScript) to access the DOM and modify elements can be seen below (a lot of the code courtesy carto:net):
- Selecting elements and getting their attribute values
- Setting attributes of individual elements
- Checking and removing attributes
- Creating new elements
- Removing and replacing elements
- Cloning elements
- Re-ordering elements
- selectionLists
Some examples of SVG borrowed from other sites (so I can pull them apart and figure out how they work) can be seen below:
- Doc8 courtesy of Devmo
- Simple animation courtesy of carto:net
- Tetris (completely SVG based)
