Here are my slides from the MelbJS meet up held on 09/02/11

1. Raphaël
Vector on the web made easy

2. What is Raphaël
Basically Raphaël helps you build and
manipulate SVG
This means your SVG can be dynamic

3. Canvas VS. Raphaël
Comparing Apples to Oranges
VS.

4. Though....
Canvas is the same language as the widgets in
dashboard
Raphaël written for developers by a developer
Raphaël is recognised in the DOM
Canvas is better for games and apps (for now)

5. Raphaël

6. Canvas

7. Raphaël supports:
Chrome 5.0+
Safari 3.0+
Firefox 3.0+
Internet Explorer 6.0+.
Opera 9.5+

8. jQuery And Raphaël

9. Some cool thing
PNG + IE6 + Raphaël = :)
www.splatdesigns.com.au/test/consort/
Rotation from middle not top left!
http://www.revoltproductions.com/
SVG can be CSSed (check the inspector)
http://splatdesigns.com.au/raphael/cssed.html
^ Created via:
http://splatdesigns.com.au/raphael/paths-beta.html

10. End
Joel Edwards
www.labs.splatdesigns.com.au