The topic of this article may not meet Wikipedia's notability guidelines for products and services. (April 2009) |
Raphaël is a JavaScript library that draws SVG vector graphics for web sites. It also provides a VML alternative for cross-browser compatibility. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
| Raphaël | |
|---|---|
| File:Raphaël.png | |
| Developer(s) | Dmitry Baranovskiy |
| Stable release | 0.7.3
/ April 13, 2009 |
| Repository | |
| Written in | JavaScript |
| License | MIT License |
| Website | http://raphaeljs.com |
Use
Raphaël is used by first creating an instance of the Raphaël object, which manages the creation of the canvas. The following examples create a canvas that is 320 pixels wide and 200 pixels high:
// top left of canvas at the viewport's 10,50 coordinate
var r = Raphael(10, 50, 320, 200);
// top left of canvas at the top left corner of the #example element (in elements where dir="ltr")
var r = Raphael(document.getElementById("example"), 320, 200);
// same as above
var r = Raphael("example", 320, 200);
Once the Raphaël object has been instantiated, its various drawing, resizing and animation methods may called to build up a vector graphic.
Usage
Raphaël is used by the Evri widget to create cross-browser vector graphics. The widget is used on the Washington Post and the Times of London websites[1][2].
References
- ^ "Obama Gets High Marks for 1st Month". Washington Post article showing use of Evri widget. 2009-02-24. Retrieved 2009-04-21.
- ^ "Times of London Incorporates Evri Widgets". Article on adoption of Evri widget on TimesOnline.co.uk. 2009-03-218. Retrieved 2009-04-21.
{{cite web}}: Check date values in:|date=(help)
External links
- http://raphaeljs.com/ Raphaël homepage
- http://raphaeljs.com/reference.html Raphaël syntax
- http://dev.opera.com/articles/view/raphael-a-javascript-api-for-svg/ Raphaël: a JavaScript API for SVG