Questions tagged [raphael.js]
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.
12 questions
7
votes
1
answer
292
views
Loading an SVG into the canvas
The code below is loading an svg into the canvas via RaphaelJS. There are mouseover/mouseout events, on click on an element of the svg, and drag/zoom.
I would like to know, what are some good ...
- 171
3
votes
2
answers
320
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 ...
- 51
5
votes
2
answers
349
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 ...
- 53
3
votes
1
answer
363
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
...
- 303
2
votes
1
answer
127
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 ...
- 303
3
votes
1
answer
440
views
Displaying unique objects generated by Raphael.js in FancyBox
I'm using Raphael.js to generate objects which are unique but do basically the same thing. I'm also using Fancybox to display a unique image after a click on a generated object.
Is there a way to ...
- 287
3
votes
1
answer
169
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.
...
- 277
2
votes
2
answers
6k
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 ...
- 21
4
votes
2
answers
3k
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 ...
- 41
1
vote
1
answer
579
views
Combining Raphael.js objects for working on floors of a building
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 ...
- 287
2
votes
2
answers
1k
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 ...
- 21
4
votes
1
answer
608
views
Raphaël zoom effect
I started playing with Raphaël and I'm wondering if somebody could do the code review
of what I have so far and maybe give me some tips how to improve it. Basically what I'm trying to accomplish is ...
- 143