RaphaëlJS is a cross-browser JavaScript library that draws vector graphics for web sites. It uses SVG for most browsers and VML for older versions of Internet Explorer.

learn more… | top users | synonyms (1)

3
votes
1answer
51 views

Is there a more efficient way of implementing this clock in Raphael JS?

Can someone let me know if this is a proper (and efficient) way of doing it? It works, but I wanted to understand if there's a way it be made better (I can use a for loop for the clones, but my ...
5
votes
2answers
135 views

Animating Coloured Cogs

The script is for rotating 5 different coloured gears (tandwiel) on my site. I think the code can be improved and improved performance. 5x var paper isn't that smart for speed? Getting the current ...
3
votes
1answer
133 views

Small animation with Raphael

I have a small animation with Raphael using a large amount of code. Is there any way to reduce it? Demo ...
2
votes
1answer
63 views

How to shorten the JavaScript in Raphaël?

The Rapheal script seems to be too long. Is there any option to make it shorter ? I think loop can make this script smaller. Does anyone have good suggestions or ...
2
votes
1answer
249 views

Displaying unique objects generated by Raphael.js in FancyBox

i'm using Raphael.js to generate objects which are unique but they do basically the same thing and fancybox to display unique image after click on generated object CODE ...
3
votes
1answer
70 views

Generate Raphael icons on a page

I am trying to figure out a better way to attach the icons based on the class id. Here is the link. ...
2
votes
2answers
3k views

Simplify Raphael JS code: display text in DIV on click event

I've been working with the RaphaelJS 'australia map' example that displays text in a DIV when a state is clicked on. However I'm having difficulty working with it to create different events and ...
4
votes
2answers
2k views

Animating opacity of 1400 Raphael.js objects hurts animating performance

I am animating 1400 objects trying to create a 'twinkling effect'. As the user moves the mouse faster more hexagon shapes pop into full opacity and have varying fade out rates. The version in the ...
1
vote
1answer
391 views

Combining raphael.js objects

I'm working on the floors of a building, using svg objects generated by raphael.js. All objects are clickable and all have different shapes, but all of them have the same actions. The code below is ...
2
votes
2answers
796 views

Optimize coloring book built with Raphaël and jQuery

I've been building a coloring book for kids: http://coloringbook.core.ba.lightburncloud.com/ It's got to work on an iPad, so I decided to try out Raphaël JS. I want to try and make this as efficient ...