Raphaël (JavaScript library)
| Raphaël | |
|---|---|
| Developer | Dmitry Baranovskiy |
| Initial release | August 8, 2008; 17 years ago (2008年08月08日)[1] |
| Stable release | |
| Repository | |
| Written in | JavaScript |
| License | MIT License |
| Website | dmitrybaranovskiy |
Raphaël, named for Italian painter Raffaello Sanzio da Urbino,[3] is a cross-browser JavaScript library that draws Vector graphics for web sites. It will use SVG for most browsers, but will use VML for older versions of Internet Explorer. Raphaël currently[as of? ] supports Chrome 5.0+ Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
Use
[edit ]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:[citation needed ]
// top left of canvas at the viewport's 10,50 coordinate varr=Raphael(10,50,320,200); // top left of canvas at the top left corner of the #example element (in elements where dir="ltr") varr=Raphael(document.getElementById("example"),320,200); // same as above varr=Raphael("example",320,200);
Once the Raphaël object has been instantiated, its various drawing, resizing and animation methods may be called to build up a vector graphic. This library includes support of Cùfon fonts, a format that turns a given font into a set of vector paths. It is extensible through plugins.[citation needed ]
Usage
[edit ]The widget is used on the Washington Post and the Times Online websites.[citation needed ]
Raphaël is also used by iCloud.com, and by Mass Relevance in the White House.[4]
See also
[edit ]References
[edit ]Further reading
[edit ]- Wilson, Chris (December 2013). RaphaelJS. O'Reilly Media. ISBN 978-1-4493-6536-3.
External links
[edit ]- Raphaël homepage
- Raphaël syntax
- Raphaël: a JavaScript API for SVG
- An introduction to Raphaël
- Raphael.js: Archived 2011年09月29日 at the Wayback Machine javascript vector graphics library for the web