Animation
Animation.delay()
Animation.repeat()
Element
Element.animate()
Element.animateWith()
Element.attr()
Element.click()
Element.clone()
Element.data()
Element.dblclick()
Element.drag()
Element.getBBox()
Element.getPointAtLength()
Element.getSubpath()
Element.getTotalLength()
Element.glow()
Element.hide()
Element.hover()
Element.id
Element.insertAfter()
Element.insertBefore()
Element.mousedown()
Element.mousemove()
Element.mouseout()
Element.mouseover()
Element.mouseup()
Element.next
Element.node
Element.onDragOver()
Element.paper
Element.pause()
Element.prev
Element.raphael
Element.remove()
Element.removeData()
Element.resume()
Element.rotate()
Element.scale()
Element.setTime()
Element.show()
Element.status()
Element.stop()
Element.toBack()
Element.toFront()
Element.touchcancel()
Element.touchend()
Element.touchmove()
Element.touchstart()
Element.transform()
Element.translate()
Element.unclick()
Element.undblclick()
Element.undrag()
Element.unhover()
Element.unmousedown()
Element.unmousemove()
Element.unmouseout()
Element.unmouseover()
Element.unmouseup()
Element.untouchcancel()
Element.untouchend()
Element.untouchmove()
Element.untouchstart()
Matrix
Matrix.add()
Matrix.clone()
Matrix.invert()
Matrix.rotate()
Matrix.scale()
Matrix.split()
Matrix.toTransformString()
Matrix.translate()
Matrix.x()
Matrix.y()
Paper
Paper.add()
Paper.bottom
Paper.ca
Paper.circle()
Paper.clear()
Paper.customAttributes
Paper.ellipse()
Paper.forEach()
Paper.getById()
Paper.getElementByPoint()
Paper.getFont()
Paper.image()
Paper.path()
Paper.print()
Paper.raphael
Paper.rect()
Paper.remove()
Paper.renderfix()
Paper.safari()
Paper.set()
Paper.setFinish()
Paper.setSize()
Paper.setStart()
Paper.setViewBox()
Paper.text()
Paper.top
Raphael()
Raphael.angle()
Raphael.animation()
Raphael.color()
Raphael.createUUID()
Raphael.deg()
Raphael.easing_formulas
Raphael.el
Raphael.findDotsAtSegment()
Raphael.fn
Raphael.format()
Raphael.fullfill()
Raphael.getColor()
Raphael.getColor.reset()
Raphael.getPointAtLength()
Raphael.getRGB()
Raphael.getSubpath()
Raphael.getTotalLength()
Raphael.hsb()
Raphael.hsb2rgb()
Raphael.hsl()
Raphael.hsl2rgb()
Raphael.is()
Raphael.matrix()
Raphael.ninja()
Raphael.parsePathString()
Raphael.parseTransformString()
Raphael.path2curve()
Raphael.pathToRelative()
Raphael.rad()
Raphael.registerFont()
Raphael.rgb()
Raphael.rgb2hsb()
Raphael.rgb2hsl()
Raphael.setWindow()
Raphael.snapTo()
Raphael.st
Raphael.svg
Raphael.type
Raphael.vml
Set
Set.clear()
Set.exclude()
Set.forEach()
Set.pop()
Set.push()
Set.splice()
eve()
eve.listeners()
eve.nt()
eve.on()
eve.once()
eve.stop()
eve.unbind()
eve.version

RaphaÃ«l Reference

Animation⚓

Animation.delay(delay)⚓➭

Creates a copy of existing animation object with given delay.

Animation.repeat(repeat)⚓➭

Creates a copy of existing animation object with given repetition.

Returns: object new altered Animation object

Element⚓

Element.animate(â¦)⚓➭

Creates and starts animation for given element.

animation object, see Raphael.animation

Returns: object original element

Element.animateWith(â¦)⚓➭

Acts similar to Element.animate, but ensure that given animation runs in sync with another given element.

hsla(â¢â¢â¢, â¢â¢â¢, â¢â¢â¢, â¢â¢â¢) â same as above, but with opacity

Optionally for hsb and hsl you could specify hue as a degree: âhsl(240deg, 1, .5)â or, if you want to go fancy, âhsl(240Â°, 1, .5)â

Element.click(handler)⚓➭

Adds event handler for click for the element.

handler for the event

Returns: object Element

Element.clone()⚓➭

Returns: object clone of a given element

Element.data(key, [value])⚓➭

Adds or retrieves given value asociated with given key. See also Element.removeData

@@ -237,7 +237,7 @@ See also Element.removeData }); } -

Element.dblclick(handler)⚓➭

Adds event handler for double click for the element.

handler for the event

Returns: object Element

Element.drag(onmove, onstart, onend, [mcontext], [scontext], [econtext])⚓➭

Adds event handlers for drag of the element.

eventobjectDOM event object

Returns: object Element

Element.getBBox(isWithoutTransform)⚓➭

Return bounding box for a given element

width:numberwidth

height:numberheight

}

Element.getPointAtLength(length)⚓➭

Return coordinates of the point located at the given length on the given path. Only works for element of âpathâ type.

y:numbery coordinate

alpha:numberangle of derivative

}

Element.getSubpath(from, to)⚓➭

Return subpath of a given element from given length to given length. Only works for element of âpathâ type.

position of the end of the segment

Returns: string pathstring for the segment

Element.getTotalLength()⚓➭

Returns length of the path in pixels. Only works for element of âpathâ type.

Returns: number length.

Element.glow([glow])⚓➭

Return set of elements that create glow-like effect around given element. See Paper.set.

Note: Glow is not connected to the element. If you change element attributes it wonât adjust itself. @@ -367,7 +367,7 @@ See also Element.removeData

Makes element invisible. See Element.show.

Returns: object Element

Element.hover(f_in, f_out, [icontext], [ocontext])⚓➭

Adds event handlers for hover for the element.

Parameters @@ -400,7 +400,7 @@ because all events are fired in format <module>.<action>.<id>

Inserts current object before the given one.


 Returns: object Element
-

`Element.mousedown(handler)⚓➭`

Adds event handler for mousedown for the element.


 Parameters
@@ -410,7 +410,7 @@ because all events are fired in format <module>.<action>.<id>handler for the event
 
 
Returns: object Element

-

`Element.mousemove(handler)⚓➭`

Adds event handler for mousemove for the element.


 Parameters
@@ -420,7 +420,7 @@ because all events are fired in format <module>.<action>.<id>handler for the event
 
 
Returns: object Element

-

`Element.mouseout(handler)⚓➭`

Adds event handler for mouseout for the element.


 Parameters
@@ -430,7 +430,7 @@ because all events are fired in format <module>.<action>.<id>handler for the event
 
 
Returns: object Element

-

`Element.mouseover(handler)⚓➭`

Adds event handler for mouseover for the element.


 Parameters
@@ -440,7 +440,7 @@ because all events are fired in format <module>.<action>.<id>handler for the event
 
 
Returns: object Element

-

`Element.mouseup(handler)⚓➭`

Adds event handler for mouseup for the element.


 Parameters
@@ -465,7 +465,7 @@ c.node.onclick = function () {
     c.attr("fill", "red");
 };
 
-

`Element.onDragOver(f)⚓➭`

Shortcut for assigning event handler for drag.over.<id> event, where id is id of the element (see Element.id).


 Parameters
@@ -485,7 +485,7 @@ c.node.onclick = function () {
         .attr({stroke: "red"});
 }
 
-

`Element.pause([anim])⚓➭`

Stops animation of the element with ability to resume it later on.


 Parameters
@@ -513,7 +513,7 @@ c.node.onclick = function () {

`Element.remove()⚓➭`

Removes element form the paper.

`Element.removeData([key])⚓➭`

Removes value associated with an element by given key. If key is not provided, removes all the data of the element.


@@ -525,7 +525,7 @@ If key is not provided, removes all the data of the element.
 key
 
 Returns: object Element
-

`Element.resume([anim])⚓➭`

Resumes animation if it was paused with Element.pause method.


 Parameters
@@ -581,7 +581,7 @@ transformations of the element.
 
If cx & cy arenât specified centre of the shape is used instead.
 
 Returns: object Element
-

`Element.setTime(anim, value)⚓➭`

Sets the status of animation of the element in milliseconds. Similar to Element.status method.


 Parameters
@@ -602,7 +602,7 @@ transformations of the element.

Makes element visible. See Element.hide.


 Returns: object Element
-

`Element.status([anim], [value])⚓➭`

Gets or sets the status of animation of the element.


 Parameters
@@ -626,7 +626,7 @@ transformations of the element.
 
or
 
 Returns: object original element if value is specified
-

`Element.stop([anim])⚓➭`

Stops animation of the element.


 Parameters
@@ -645,7 +645,7 @@ transformations of the element.

Moves the element so it is the closest to the viewerâs eyes, on top of other elements.


 Returns: object Element
-

`Element.touchcancel(handler)⚓➭`

Adds event handler for touchcancel for the element.


 Parameters
@@ -655,7 +655,7 @@ transformations of the element.
 
handler for the event
 
 Returns: object Element
-

`Element.touchend(handler)⚓➭`

Adds event handler for touchend for the element.


 Parameters
@@ -665,7 +665,7 @@ transformations of the element.
 
handler for the event
 
 Returns: object Element
-

`Element.touchmove(handler)⚓➭`

Adds event handler for touchmove for the element.


 Parameters
@@ -675,7 +675,7 @@ transformations of the element.
 
handler for the event
 
 Returns: object Element
-

`Element.touchstart(handler)⚓➭`

Adds event handler for touchstart for the element.


 Parameters
@@ -743,7 +743,7 @@ console.log(el.transform());
 
vertical shift
 
 Returns: object Element
-

`Element.unclick(handler)⚓➭`

Removes event handler for click for the element.


 Parameters
@@ -753,7 +753,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.undblclick(handler)⚓➭`

Removes event handler for double click for the element.


 Parameters
@@ -763,10 +763,10 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.undrag()⚓➭`

Removes all drag event handlers from given element.

`Element.unhover(f_in, f_out)⚓➭`

Removes event handlers for hover for the element.


 Parameters
@@ -779,7 +779,7 @@ console.log(el.transform());
 
handler for hover out
 
 Returns: object Element
-

`Element.unmousedown(handler)⚓➭`

Removes event handler for mousedown for the element.


 Parameters
@@ -789,7 +789,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.unmousemove(handler)⚓➭`

Removes event handler for mousemove for the element.


 Parameters
@@ -799,7 +799,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.unmouseout(handler)⚓➭`

Removes event handler for mouseout for the element.


 Parameters
@@ -809,7 +809,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.unmouseover(handler)⚓➭`

Removes event handler for mouseover for the element.


 Parameters
@@ -819,7 +819,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.unmouseup(handler)⚓➭`

Removes event handler for mouseup for the element.


 Parameters
@@ -829,7 +829,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.untouchcancel(handler)⚓➭`

Removes event handler for touchcancel for the element.


 Parameters
@@ -839,7 +839,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.untouchend(handler)⚓➭`

Removes event handler for touchend for the element.


 Parameters
@@ -849,7 +849,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.untouchmove(handler)⚓➭`

Removes event handler for touchmove for the element.


 Parameters
@@ -859,7 +859,7 @@ console.log(el.transform());
 
handler for the event
 
 Returns: object Element
-

`Element.untouchstart(handler)⚓➭`

Removes event handler for touchstart for the element.


 Parameters
@@ -870,7 +870,7 @@ console.log(el.transform());
 
 
Returns: object Element

`Matrix⚓`

`Matrix.add(a, b, c, d, e, f, matrix)⚓➭`

Adds given matrix to existing one.


 Parameters
@@ -897,15 +897,15 @@ console.log(el.transform());
 
object
 Matrix
 
-

`Matrix.clone()⚓➭`

Returns copy of the matrix


 Returns: object Matrix
-

`Matrix.invert()⚓➭`

Returns inverted version of the matrix


 Returns: object Matrix
-

`Matrix.rotate(a, x, y)⚓➭`

Rotates the matrix


 Parameters
@@ -920,7 +920,7 @@ console.log(el.transform());
 
number
  
 
-

`Matrix.scale(x, [y], [cx], [cy])⚓➭`

Scales the matrix


 Parameters
@@ -941,7 +941,7 @@ console.log(el.transform());
 
number
  
 
-

`Matrix.split()⚓➭`

Splits matrix into primitive transformations


 Returns: object in format:
@@ -953,11 +953,11 @@ console.log(el.transform());
 rotatenumberrotation in deg
 
isSimplebooleancould it be represented via simple transformations
 
-

`Matrix.toTransformString()⚓➭`

Return transform string that represents given matrix


 Returns: string transform string
-

`Matrix.translate(x, y)⚓➭`

Translate the matrix


 Parameters
@@ -969,7 +969,7 @@ console.log(el.transform());
 
number
  
 
-

`Matrix.x(x, y)⚓➭`

Return x coordinate for given point after transformation described by the matrix. See also Matrix.y


 Parameters
@@ -982,7 +982,7 @@ console.log(el.transform());
 
 
 
 Returns: number x
-

`Matrix.y(x, y)⚓➭`

Return y coordinate for given point after transformation described by the matrix. See also Matrix.x


 Parameters
@@ -996,8 +996,8 @@ console.log(el.transform());
 
 
Returns: number y

`Paper⚓`

`Paper.add(json)⚓➭`

Imports elements in JSON array in format {type: type, <attributes>}) +

`Paper.add(json)⚓➭`

Imports elements in JSON array in format {type: type, <attributes>}


 Parameters
 
@@ -1025,13 +1025,13 @@ console.log(el.transform());
     }
 ]);

Paper.bottom⚓➭

Points to the bottom element on the paper

Paper.ca⚓➭

object

Shortcut for Paper.customAttributes

Paper.circle(x, y, r)⚓➭

Draws a circle.

Paper.ellipse(x, y, rx, ry)⚓➭

Draws an ellipse.

var c = paper.ellipse(50, 50, 40, 20);

Paper.forEach(callback, thisArg)⚓➭

Executes given function for each element on the paper

If callback function returns false it will stop loop running. @@ -1117,7 +1117,7 @@ c.animate({hsb: [1, 0, context object for the callback

Returns: object Paper object

Paper.getById(id)⚓➭

Returns you element by its internal ID.

Returns: object RaphaÃ«l element object

Paper.getElementByPoint(x, y)⚓➭

Returns you topmost element under given point.

Returns: object RaphaÃ«l element object

@@ -1144,7 +1144,7 @@ c.animate({hsb: [1, 0,

paper.getElementByPoint(mouseX, mouseY).attr({stroke: "#f00"});

Paper.getFont(family, [weight], [style], [stretch])⚓➭

Finds font object in the registered fonts by given parameters. You could specify only one word from the font name, like âMyriadâ for âMyriad Proâ.

paper.print(100, 100, "Test string", paper.getFont("Times", 800), 30);

Paper.image(src, x, y, width, height)⚓➭

Embeds an image into the surface.

var c = paper.image("apple.png", 10, 10, 80, 80);

Paper.path([pathString])⚓➭

Creates a path element by given path data string.

Paper.print(x, y, text, font, [size], [origin], [letter_spacing])⚓➭

Creates set of shapes to represent given font at given position with given size. Result of the method is set object (see Paper.set) which contains each letter as separate path object.

@@ -1272,10 +1272,10 @@ Result of the method is set object (see Pap // following line will paint first letter in red txt[0].attr({fill: "#f00"}); -

Paper.raphael ⚓➭

Paper.raphael⚓➭

Points to the Raphael object/function

Paper.rect(x, y, width, height, [r])⚓➭

Draws a rectangle.

@@ -1314,12 +1314,12 @@ txt[0].attr({fill: "#f00"}); on other elements after reflow it could shift half pixel which cause for lines to lost their crispness. This method fixes the issue.

Paper.safari()⚓➭

There is an inconvenient rendering bug in Safari (WebKit): sometimes the rendering should be forced. This method should help with dealing with this bug.

Paper.set()⚓➭

Creates array-like object to keep and operate several elements at once. Warning: it doesnât create any elements for itself in the page, it just groups existing elements. Sets act as pseudo elements â all methods available to an element can be used on a set. @@ -1334,11 +1334,11 @@ st.push( ); st.attr({fill: "red"}); // changes the fill of both circles -

Paper.setFinish()⚓➭

See Paper.setStart. This method finishes catching and returns resulting set.

Returns: object set

Paper.setSize(width, height)⚓➭

If you need to change dimensions of the canvas call this method

Paper.setStart()⚓➭

Creates Paper.set. All elements that will be created after calling this method and before calling Paper.setFinish will be added to the set.

@@ -1371,7 +1371,7 @@ paper.circle(30, 10, = paper.setFinish(); st.attr({fill: "red"}); // changes the fill of both circles -

Paper.setViewBox(x, y, w, h, fit)⚓➭

Sets the view box of the paper. Practically it gives you ability to zoom and pan whole paper surface by specifying new boundaries.

@@ -1393,7 +1393,7 @@ specifying new boundaries.

boolean

true if you want graphics to fit into new boundary box

Paper.text(x, y, text)⚓➭

Draws a text string. If you need line breaks, put â\nâ in the string.

var t = paper.text(50, 50, "RaphaÃ«l\nkicks\nbutt!");

Paper.top⚓➭

Points to the topmost element on the paper

Raphael(â¦)⚓➭

@@ -1499,7 +1499,7 @@ from this instance will be bound to this canvas. text: "Dump" }]); -

Raphael.angle(x1, y1, x2, y2, [x3], [y3])⚓➭

Returns angle between two or three points

y coord of third point

Returns: number angle in degrees.

Raphael.animation(params, ms, [easing], [callback])⚓➭

Creates an animation object that can be passed to the Element.animate or Element.animateWith methods. See also Animation.delay and Animation.repeat methods.

@@ -1548,7 +1548,7 @@ See also Animation.delay and callback function. Will be called at the end of animation.

Returns: object Animation

Raphael.color(clr)⚓➭

Parses the color string and returns object with all values for the given color.

lnumberlightness

}

Raphael.createUUID()⚓➭

Returns RFC4122, version 4 ID

Raphael.deg(deg)⚓➭

Transform angle to degrees

Returns: number angle in degrees.

Raphael.easing_formulas ⚓➭

Raphael.easing_formulas⚓➭

Object that contains easing formulas for animation. You could extend it with your own. By default it has following list of easing:

Animation.delay

âbounceâ

Raphael.el⚓➭

object

You can add your own method to elements. This is usefull when you want to hack default functionality or want to wrap some common transformation or attributes in one method. In difference to canvas methods, you can redefine element method at any time. Expending element methods wouldnât affect set. @@ -1608,7 +1608,7 @@ you can redefine element method at any time. Expending element methods wouldnâ // then use it paper.circle(100, 100, 20).red(); -

Raphael.findDotsAtSegment(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t)⚓➭

Utility method Find dot coordinates on the given cubic bezier curve at the given t.

@@ -1655,12 +1655,13 @@ Find dot coordinates on the given cubic bezier curve at the given t.

y:numbery coordinate of the end of the curve

}

alpha:numberangle of the curve derivative at the point

}

Raphael.fn⚓➭

object

You can add your own method to the canvas. For example if you want to draw a pie chart, you can create your own pie chart function and ship it as a RaphaÃ«l plugin. To do this -you need to extend the Raphael.fn object. Please note that you can create your own namespaces -inside the fn object â methods will be run in the context of canvas anyway. You should alter -the fn object before a RaphaÃ«l instance is created, otherwise it will take no effect. +you need to extend the Raphael.fn object. You should modify the fn object before a +RaphaÃ«l instance is created, otherwise it will take no effect. Please note that the +ability for namespaced plugins was removed in Raphael 2.0. It is up to the plugin to +ensure any namespacing ensures proper context.

@@ -1679,7 +1680,7 @@ paper.arrow(10, 10,

Raphael.format(token, â¦)⚓➭

Simple format function. Replaces construction of type â{<number>}â to the corresponding argument.

Raphael.fullfill(token, json)⚓➭

A little bit more advanced format function than Raphael.format. Replaces construction of type â{<name>}â to the corresponding argument.

Raphael.getColor([value])⚓➭

On each call returns next colour in the spectrum. To reset it back to red call Raphael.getColor.reset

Parameters @@ -1738,10 +1739,10 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
brightness, default is 0.75

Returns: string hex representation of the colour.
-

Raphael.getColor.reset()⚓➭

Resets spectrum position for Raphael.getColor back to red.

Raphael.getPointAtLength(path, length)⚓➭

Return coordinates of the point located at the given length on the given path.

Parameters @@ -1758,7 +1759,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
y:numbery coordinate
alpha:numberangle of derivative
}
-

Raphael.getRGB(colour)⚓➭

Parses colour string as RGB object

Parameters @@ -1785,7 +1786,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
hexstringcolor in HTML/CSS format: #â¢â¢â¢â¢â¢â¢,
errorbooleantrue if string canât be parsed
}
-

Raphael.getSubpath(path, from, to)⚓➭

Return subpath of a given path from given length to given length.

Parameters @@ -1801,7 +1802,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
position of the end of the segment

Returns: string pathstring for the segment
-

Raphael.getTotalLength(path)⚓➭

Returns length of the given path in pixels.

Parameters @@ -1811,7 +1812,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
SVG path string.

Returns: number length.
-

Raphael.hsb(h, s, b)⚓➭

Converts HSB values to hex representation of the colour.

Parameters @@ -1827,7 +1828,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
value or brightness

Returns: string hex representation of the colour.
-

Raphael.hsb2rgb(h, s, v)⚓➭

Converts HSB values to RGB object.

Parameters @@ -1848,7 +1849,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
bnumberblue,
hexstringcolor in HTML/CSS format: #â¢â¢â¢â¢â¢â¢
}
-

Raphael.hsl(h, s, l)⚓➭

Converts HSL values to hex representation of the colour.

Parameters @@ -1864,7 +1865,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
luminosity

Returns: string hex representation of the colour.
-

Raphael.hsl2rgb(h, s, l)⚓➭

Converts HSL values to RGB object.

Parameters @@ -1885,7 +1886,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
bnumberblue,
hexstringcolor in HTML/CSS format: #â¢â¢â¢â¢â¢â¢
}
-

Raphael.is(o, type)⚓➭

Handfull replacement for typeof operator.

Parameters @@ -1898,7 +1899,7 @@ paper.path(Raphael.format("M{x},{y}h{dim.width}v{dim.height}h{dim['negative w
name of the type, i.e. âstringâ, âfunctionâ, ânumberâ, etc.

Returns: boolean is given value is of given type
-

Raphael.matrix(a, b, c, d, e, f)⚓➭

Utility method Returns matrix based on given parameters.

@@ -1924,7 +1925,7 @@ Returns matrix based on given parameters.

Returns: object Matrix
-

Raphael.ninja()⚓➭

If you want to leave no trace of RaphaÃ«l (Well, RaphaÃ«l creates only one global variable Raphael, but anyway.) You can use ninja method. Beware, that in this case plugins could stop working, because they are depending on global variable existance.

@@ -1936,7 +1937,7 @@ Beware, that in this case plugins could stop working, because they are depending â¦ })(Raphael.ninja()); -

Raphael.parsePathString(pathString)⚓➭

Utility method Parses given path string into an array of arrays of path segments.

@@ -1947,7 +1948,7 @@ Parses given path string into an array of arrays of path segments.
path string or array of segments (in the last case it will be returned straight away)

Returns: array array of segments.
-

Raphael.parseTransformString(TString)⚓➭

Utility method Parses given path string into an array of transformations.

@@ -1958,7 +1959,7 @@ Parses given path string into an array of transformations.
transform string or array of transformations (in the last case it will be returned straight away)

Returns: array array of transformations.
-

Raphael.path2curve(pathString)⚓➭

Utility method Converts path to a new path where all segments are cubic bezier curves.

@@ -1969,7 +1970,7 @@ Converts path to a new path where all segments are cubic bezier curves.
path string or array of segments

Returns: array array of segments.
-

Raphael.pathToRelative(pathString)⚓➭

Utility method Converts path to relative form

@@ -1980,7 +1981,7 @@ Converts path to relative form
path string or array of segments

Returns: array array of segments.
-

Raphael.rad(deg)⚓➭

Transform angle to radians

Parameters @@ -1990,7 +1991,7 @@ Converts path to relative form
angle in degrees

Returns: number angle in radians.
-

Raphael.registerFont(font)⚓➭

Adds given font to the registered set of fonts for RaphaÃ«l. Should be used as an internal call from within CufÃ³nâs font file. Returns original parameter, so it could be used with chaining.

@@ -2006,7 +2007,7 @@ Returns original parameter, so it could be used with chaining.

Cufon.registerFont(Raphael.registerFont({â¦}));
-

Raphael.rgb(r, g, b)⚓➭

Converts RGB values to hex representation of the colour.

Parameters @@ -2022,7 +2023,7 @@ Returns original parameter, so it could be used with chaining.
blue

Returns: string hex representation of the colour.
-

Raphael.rgb2hsb(r, g, b)⚓➭

Converts RGB values to HSB object.

Parameters @@ -2042,7 +2043,7 @@ Returns original parameter, so it could be used with chaining.
snumbersaturation
bnumberbrightness
}
-

Raphael.rgb2hsl(r, g, b)⚓➭

Converts RGB values to HSL object.

Parameters @@ -2062,7 +2063,7 @@ Returns original parameter, so it could be used with chaining.
snumbersaturation
lnumberluminosity
}
-

Raphael.setWindow(newwin)⚓➭

Used when you need to draw in <iframe>. Switched window to the iframe one.

Parameters @@ -2071,7 +2072,7 @@ Returns original parameter, so it could be used with chaining.
window

new window object
-

Raphael.snapTo(values, value, [tolerance])⚓➭

Snaps given value to given grid.

Parameters @@ -2088,7 +2089,7 @@ Returns original parameter, so it could be used with chaining.
tolerance for snapping. Default is 10.

Returns: number adjusted value.
-

Raphael.st⚓➭

object
You can add your own method to elements and sets. It is wise to add a set method for each element method you added, so you will be able to call the same method on sets too. See also Raphael.el. @@ -2116,10 +2117,10 @@ paper.set(paper.circle(100, 100, <

boolean
true if browser supports VML.

Set⚓

Set.clear()⚓➭

Removeds all elements from the set

Set.exclude(element)⚓➭

Removes given element from the set

Parameters @@ -2129,7 +2130,7 @@ paper.set(paper.circle(100, 100, <
element to remove

Returns: boolean true if object was found & removed from the set
-

Set.forEach(callback, thisArg)⚓➭

Executes given function for each element in the set.

If function returns false it will stop loop running. @@ -2144,15 +2145,15 @@ paper.set(paper.circle(100, 100, <
context object for the callback

Returns: object Set object
-

Set.pop()⚓➭

Removes last element and returns it.

Returns: object element
-

Set.push()⚓➭

Adds each argument to the current set.

Returns: object original element
-

Set.splice(index, count, [insertionâ¦])⚓➭

Removes given element from the set

Parameters -- 2.39.2

RaphaÃ«l Reference

Animation⚓

Animation.delay(delay)⚓➭

Animation.delay(delay)⚓➭

Animation.repeat(repeat)⚓➭

Animation.repeat(repeat)⚓➭

Element⚓

Element.animate(â¦)⚓➭

Element.animate(â¦)⚓➭

Element.animateWith(â¦)⚓➭

Element.animateWith(â¦)⚓➭

Element.click(handler)⚓➭

Element.click(handler)⚓➭

Element.clone()⚓➭

Element.clone()⚓➭

Element.data(key, [value])⚓➭

Element.data(key, [value])⚓➭

Element.dblclick(handler)⚓➭

Element.dblclick(handler)⚓➭

Element.drag(onmove, onstart, onend, [mcontext], [scontext], [econtext])⚓➭

Element.drag(onmove, onstart, onend, [mcontext], [scontext], [econtext])⚓➭

Element.getBBox(isWithoutTransform)⚓➭

Element.getBBox(isWithoutTransform)⚓➭

Element.getPointAtLength(length)⚓➭

Element.getPointAtLength(length)⚓➭

Element.getSubpath(from, to)⚓➭

Element.getSubpath(from, to)⚓➭

Element.getTotalLength()⚓➭

Element.getTotalLength()⚓➭

Element.glow([glow])⚓➭

Element.glow([glow])⚓➭

Element.hover(f_in, f_out, [icontext], [ocontext])⚓➭

Element.hover(f_in, f_out, [icontext], [ocontext])⚓➭

Element.mousedown(handler)⚓➭

Element.mousedown(handler)⚓➭

Element.mousemove(handler)⚓➭

Element.mousemove(handler)⚓➭

Element.mouseout(handler)⚓➭

Element.mouseout(handler)⚓➭

Element.mouseover(handler)⚓➭

Element.mouseover(handler)⚓➭

Element.mouseup(handler)⚓➭

Element.mouseup(handler)⚓➭

Element.onDragOver(f)⚓➭

Element.onDragOver(f)⚓➭

Element.pause([anim])⚓➭

Element.pause([anim])⚓➭

Element.remove()⚓➭

Element.removeData([key])⚓➭

Element.removeData([key])⚓➭

Element.resume([anim])⚓➭

Element.resume([anim])⚓➭

Element.setTime(anim, value)⚓➭

Element.setTime(anim, value)⚓➭

Element.status([anim], [value])⚓➭

Element.status([anim], [value])⚓➭

Element.stop([anim])⚓➭

Element.stop([anim])⚓➭

Element.touchcancel(handler)⚓➭

Element.touchcancel(handler)⚓➭

Element.touchend(handler)⚓➭

Element.touchend(handler)⚓➭

Element.touchmove(handler)⚓➭

Element.touchmove(handler)⚓➭

Element.touchstart(handler)⚓➭

Element.touchstart(handler)⚓➭

Element.unclick(handler)⚓➭

Element.unclick(handler)⚓➭

Element.undblclick(handler)⚓➭

Element.undblclick(handler)⚓➭

Element.undrag()⚓➭

Element.undrag()⚓➭

Element.unhover(f_in, f_out)⚓➭

Element.unhover(f_in, f_out)⚓➭

Element.unmousedown(handler)⚓➭

Element.unmousedown(handler)⚓➭

Element.unmousemove(handler)⚓➭

Element.unmousemove(handler)⚓➭

Element.unmouseout(handler)⚓➭

Element.unmouseout(handler)⚓➭

Element.animate(â¦)⚓➭

Element.animate(â¦)⚓➭

Element.animateWith(â¦)⚓➭

Element.animateWith(â¦)⚓➭

`Element.mousedown(handler)⚓➭`

`Element.mousedown(handler)⚓➭`

`Element.mousemove(handler)⚓➭`

`Element.mousemove(handler)⚓➭`

`Element.mouseout(handler)⚓➭`

`Element.mouseout(handler)⚓➭`

`Element.mouseover(handler)⚓➭`

`Element.mouseover(handler)⚓➭`

`Element.mouseup(handler)⚓➭`

`Element.mouseup(handler)⚓➭`

`Element.onDragOver(f)⚓➭`

`Element.onDragOver(f)⚓➭`

`Element.pause([anim])⚓➭`

`Element.pause([anim])⚓➭`

`Element.remove()⚓➭`

`Element.removeData([key])⚓➭`

`Element.removeData([key])⚓➭`

`Element.resume([anim])⚓➭`

`Element.resume([anim])⚓➭`

`Element.setTime(anim, value)⚓➭`

`Element.setTime(anim, value)⚓➭`

`Element.status([anim], [value])⚓➭`

`Element.status([anim], [value])⚓➭`

`Element.stop([anim])⚓➭`

`Element.stop([anim])⚓➭`

`Element.touchcancel(handler)⚓➭`

`Element.touchcancel(handler)⚓➭`

`Element.touchend(handler)⚓➭`

`Element.touchend(handler)⚓➭`

`Element.touchmove(handler)⚓➭`

`Element.touchmove(handler)⚓➭`

`Element.touchstart(handler)⚓➭`

`Element.touchstart(handler)⚓➭`

`Element.unclick(handler)⚓➭`

`Element.unclick(handler)⚓➭`

`Element.undblclick(handler)⚓➭`

`Element.undblclick(handler)⚓➭`

`Element.undrag()⚓➭`

`Element.undrag()⚓➭`

`Element.unhover(f_in, f_out)⚓➭`

`Element.unhover(f_in, f_out)⚓➭`

`Element.unmousedown(handler)⚓➭`

`Element.unmousedown(handler)⚓➭`

`Element.unmousemove(handler)⚓➭`

`Element.unmousemove(handler)⚓➭`

`Element.unmouseout(handler)⚓➭`

`Element.unmouseout(handler)⚓➭`

`Element.unmouseover(handler)⚓➭`

`Element.unmouseover(handler)⚓➭`

`Element.unmouseup(handler)⚓➭`

`Element.unmouseup(handler)⚓➭`

`Element.untouchcancel(handler)⚓➭`

`Element.untouchcancel(handler)⚓➭`

`Element.untouchend(handler)⚓➭`

`Element.untouchend(handler)⚓➭`

`Element.untouchmove(handler)⚓➭`

`Element.untouchmove(handler)⚓➭`

`Element.untouchstart(handler)⚓➭`

`Element.untouchstart(handler)⚓➭`

`Matrix⚓`

`Matrix.add(a, b, c, d, e, f, matrix)⚓➭`

`Matrix.add(a, b, c, d, e, f, matrix)⚓➭`

`Matrix.clone()⚓➭`

`Matrix.clone()⚓➭`

`Matrix.invert()⚓➭`

`Matrix.invert()⚓➭`

`Matrix.rotate(a, x, y)⚓➭`

`Matrix.rotate(a, x, y)⚓➭`

`Matrix.scale(x, [y], [cx], [cy])⚓➭`

`Matrix.scale(x, [y], [cx], [cy])⚓➭`

`Matrix.split()⚓➭`

`Matrix.split()⚓➭`

`Matrix.toTransformString()⚓➭`

`Matrix.toTransformString()⚓➭`

`Matrix.translate(x, y)⚓➭`

`Matrix.translate(x, y)⚓➭`