PUZ001
Welcome
Hello to anyone who has stumbled upon this page. The plan is to
create some simple svg examples in order to create more complex ones
later on. I will incorporate javascripting to interact with the svg.
Some work is my own, and some are the ones I have found online. Some
examples I have listed without actual examples, just a place mark for
myself to insert examples when I find time. If you need help with
SVG, I'm happy to help. Suggestions are welcomed as well:
strac@mail.cs.miami.edu.
Also, I have been doing my SVG work mainly on Firefox, so the examples
might not work exactly as planned under other browsers, for example
Safari using ASV (Adobe SVG Viewer).
People:
Author: Steven Trac
Examples with SVG:
- Lines, circles, rectangles, ellipses, text etc.
- Paths
- Importing .png image files
- Animation with paths
- Reusing objects 'use xlink:href'
- ...
Examples with SVG + Javascript:
- Detecting a browser
- Adding SVGElements to XML Tree
- Adding basic shapes
- Adding paths with animations
- Adding image files
- Replacing SVGElements in XML Tree
- Replacing svg text with new text
- Animation using javascript + .png files
- Onmouseover, onclick, onmouseout
- ...
Cool Examples I have made:
- Orbiting planets 1: Earth and Mercury, around the sun, using SVG + Javascript + HTML, here
- Orbiting planets 2: with SVG + Javascript animation + HTML, here
- Orbiting planets 3: with SVG + Javascript animation with NO HTML, here
- Animating Horse (javascript + .png or svg animation, depending on browser), here.
- ATP Proof Tree with highlighting and animation, using SVG + Javascript
- More cool stuff to come...
Links:
