Raphaël (JavaScript library): Difference between revisions

Revision as of 15:12, 17 February 2020

Revision as of 18:25, 11 May 2020

Line 17:

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:

<sourcesyntaxhighlight lang="javascript">

// top left of canvas at the viewport's 10,50 coordinate

var r = Raphael(10, 50, 320, 200);

Line 26:

// same as above

var r = Raphael("example", 320, 200);

</syntaxhighlight>

</source>

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.