Raphaël (JavaScript library): Difference between revisions

Revision as of 00:00, 21 April 2009

Revision as of 13:56, 21 April 2009

Line 7:

| logo = [[Image:Raphaël.png|64px]]

| developer = Dmitry Baranovskiy

| latest release version = 0.7.3

| latest release date = {{release date|2009|04|13}}

| genre =

| programming language = [[JavaScript]]

Line 15:

}}

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

== Use ==

Raphaël is used by first creating an instance of the Raphaël [[Object (computer science)|object]], which manages the creation of the canvas. The following examples create a canvas that is 320 pixels wide and 200 pixels high:

<source lang=javascript>

// 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);

</source>

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]] [[Web_widget|widget]] to create cross-browser vector graphics. The widget is used on the [[Washington_Post|Washington Post]] and the [[The_Times|Times of London]] websites<ref>{{cite web|url=http://www.washingtonpost.com/wp-dyn/content/article/2009/02/23/AR2009022302176.html?hpid=topnews|title=Obama Gets High Marks for 1st Month|date=2009-02-24|accessdate=2009-04-21|work=Washington Post article showing use of Evri widget}}</ref>.

== References ==

{{Reflist}}<!--added under references heading by script-assisted edit-->

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

[[Category:JavaScript libraries]]