Questions tagged [raphael]

Raphaël is a cross platform JavaScript library for outputting vector graphics in both standards compliant SVG (for Firefox, Chrome, Internet Explorer 9+ ...) and VML for older versions of Internet Explorer.

Raphaël is a JavaScript library that provides cross platform creation and manipulation of vector based graphics in either SVG or VML format. It supports, among other browsers, Firefox 3.0+, Chrome 5.0+, Safari 3.0+, and Internet Explorer 6.0+.

In addition to providing functions for the programmatic creation of vector graphics, Raphaël also provides a rich set of functions for adding interactivity to objects, transitioning state of an object (e.g. slowly changing color, rotation, etc), and complex animations of objects.


Documentation


Related tags

2976 questions
1
vote
1 answer

scaling and rotation in Raphael.js

I don't get how Raphael.js transformation function works. I have the following piece of code: var paper = new Raphael(0,0,1000,1000); var rect = paper.rect(0,0,40,40); rect.transform("s2,2,0,0t30,30"); The result of transformation is 60 px movement…
hAlE
  • 1,283
  • 3
  • 13
  • 19
1
vote
1 answer

RaphaelJS: Can I use a fill operation inside a path? (w/o fill-attr)

I use paper.path("M10 10L90 90") function for drawing several (!) symbols (lines, triangles, ...). Means I only use one single path string. Now I want to fill only one of several symbols inside this single path. So I cannot use the .attr("fill",…
Chris
  • 739
  • 2
  • 8
  • 23
1
vote
2 answers

How to drag rotated shapes using Raphael js library

I have done lots of examples on dragging an object created by Raphael's library. Now I am working with sets and was also able to write a code to drag them. Now my problem appeared when I rotate an object and then drag it. Check out this code…
Gago
  • 35
  • 2
  • 12
1
vote
1 answer

How can I change individual object's attributes in the Raphael SET?

Let's consider I have a circle and a rectangle in ss Raphael Set: