Rapha%C3%ABl (JavaScript Library)
Learn about Rapha%C3%ABl (JavaScript library) topic at defaultLogic. defaultLogic provides comprehensive technology and business learning resources.
Raphaël logo.svg
Developer(s)Dmitry Baranovskiy
Initial releaseAugust 8, 2008; 11 years ago (2008-08-08)[1]
Stable release
2.2.7 / November 12, 2016; 3 years ago (2016-11-12)[2]
Repository Edit this at Wikidata
Written inJavaScript
LicenseMIT License

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 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, Food Network, Cornell, and Philips].[4]


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 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.


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.[5]

See also


  1. ^ "Raphaël--JavaScript library".
  2. ^ "Releases · DmitryBaranovskiy/raphael".
  3. ^ "An Intro to Raphaël".
  4. ^ http://libscore.com/?#Raphael
  5. ^ Raphaël in White House: "we (@massrelevance) used @raphaeljs 2.0 for the map viz used during the #AskObama event today http://t.co/EcqROIi"

Further reading

External links

  This article uses material from the Wikipedia page available here. It is released under the Creative Commons Attribution-Share-Alike License 3.0.



Music Scenes