Rahul Sharma (Editor)

Raphaël (JavaScript library)

Updated on
Edit
Like
Comment
Share on FacebookTweet on TwitterShare on LinkedInShare on Reddit
Developer(s)
  
Dmitry Baranovskiy

License
  
MIT License

Written in
  
JavaScript

Raphaël (JavaScript library) httpsitplamenfileswordpresscom201508rapha

Initial release
  
August 8, 2008; 8 years ago (2008-08-08)

Stable release
  
2.2.0 / April 13, 2016; 11 months ago (2016-04-13)

Website
  
dmitrybaranovskiy.github.io/raphael/

Raphaël 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 supports Chrome 5.0+ Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+. According to JavaScript analytics service, Libscore, Raphaël is used on over 3,000 websites, including the homepages of Apple's iCloud [1], Food Network[2], Cornell[3], and Philips[4].

Contents

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:

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.

Usage

The widget is used on the Washington Post and the Times Online websites.

Raphaël is also used by iCloud.com, and by Mass Relevance in the White House.

References

Raphaël (JavaScript library) Wikipedia