I am brand new to Raphael and am really stuck, I would like to rotate a div and its contents, using a button, with Raphael. Ideally, I would like to have a smooth animation that goes from 0 degrees to -90 degrees when the button is clicked, then when the button is clicked again, the animation would reverse. I think I will change the id ...
Hi, I am new to RaphaelJS. I am trying to add click listener and keyboard listener to the canvas with no success. Can someone please explain how to use click listener and keyboard listener on Raphael. A small example will be of great help. Thank you. ...
I'm trying to build an an interactive map using RaphaelJS (e.g. http://raphaeljs.com/australia.html). Please check the source. It requires map path data to input. There is no clear explanation anywhere about how to obtain this information, other than the fact that illustrator or inkscape are capable of doing it. I'm looking to obtain "S...
I'm using the raphael javascript svg rendering engine. If I use the following code var canvas = Raphael("canvas",700,500); var circ = canvas.circle(30,20,10); some_function(circ); is there any way for some_function to extract the 30, 20 or 10 from the circle object that has been created? ...
Hi! I was wondering if its possible to render gradients using the import-plugin for RaphaelJS. Import tool: http: //github.com/wout/raphael-svg-import Or is there a script (PHP) I could use to make a path string I could use with raphael. I have a AJAX interface I can use if there is a PHP solution for this. Currently the import tool ...
Hi, I'm trying to use SVG. I put this into an xhtml file: <?xml version="1.0"?> <!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.1 plus MathML 2.0 plus SVG 1.1//EN""http://www.w3.org/2002/04/xhtml-math-svg/xhtml-math-svg.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <body> <svg:svg xmlns:svg="http://www.w3.org/2000/...
Hi, I'm trying to position text within the SVG canvas, by supplying x, y coordinates var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); but does not position the text like all other objects... x, y coordinates specify the center of the object! Not the "left and top most" pixel! I would like to "left align" the text along a line...
After instantiating Raphael text like so var t = paper.text(50, 50, "Raphaël\nkicks\nbutt!"); how do I go about then modifying that text? t.text = "test"; //did not work for me =/ ...
Hi there first off all thanks for looking , I am in need of a small script that will display an SVG (vector image) within a frame that has 2 functions; 1 - The image can be panned (moved around to look at different parts of the svg image with the cursor) simmilar to google maps. 2- The SVG image can be zoomed in and out on also simmil...
Hello, I've an issue with the fantastic RaphaelJs lib. It doesn't work on IE (8 and 7) if I use the minify version. It works of with the dev version. An error is raised on paper = Raphael("canvas", 100, 100); Any idea what can be wrong? Thanks in advance ...
Is it possible to create Raphael's object but not drawing it on paper? In example, i want to create circle, do some actions and show it on callback of actions. ...
Hello, By default when adding text object to paper Raphael javascript library centers text around y point. It basically takes the height and divides it by 2 and attaches text to the new y coordinate. I'm looking for a different behavior where text stays at the same coordinate even when you add multi lines. I was wondering if anyone ha...
Hi there, I’m generating multiple, random sized, circular elements using the Raphael JavaScript library but because it’s random a lot of the circular elements being generate overlap or cover each other. What I wanted to know, is there any way with JavaScript to tell if one element is in already in particular position so to avoid the ove...
I'm going to build a simple math graph for a browser application. Therefore all the JS-Vector Libraries might work out well. But I want to know about any experiences you collected using those. For me a basic feature is binding events to paths and points as well as animating paths. Additionally I am thinking how they are mastering the fu...
I'm trying to find a way to trigger an event when a mouse clicks on some text generated from Raphael JS. In Firefox, the click event works perfectly, in IE 7 and 8 (I haven't tested earlier versions) neither click nor mousedown work. Click works fine for other raphael objects, e.g. the rectangle in the example. How can I trigger an eve...
I want to defined a variable/parameter in CSS and access it by javascript. What is the best way of doing this? One option I thought of would be to place a cutsom attribute on the body element, then access that attribute via jQuery. A little more info: I'm defining colour sets in CSS. I've created a function with RaphaelJS to draw a gra...
Ive been trying to target iframe using Raphael JS heres some sample code var c = paper.circle(10, 10, 10); c.attr({href: "http://google.com/", target: "top"}); v var t = paper.text(250, 50, "Raphaël\nkicks\nbutt!"); t.attr({href: "http://google.com/", target: "_blank"}); Also..cant get href to work with text ar t = paper.text(50, 50,...
We are currently looking at developing flash based applications (using Flex) in a web application. We are now leaning towards to use SVG rapheljs for developing this components. The questions are: Is still SVG platform is widely adopted by browsers (without any plug-ins) are at least down the line of 8-10 months, any adoption is expect...
Hi all, I've just discovered Raphael, and love it, but I am not much of a javascript-er. Right now I have three repeated sections of code to draw the same circle in three different divs. The default for making a canvas in Raphael finds an element by ID, but I want to have one set of variables to have circles drawn in all divs with clas...
Hey everyone, I am using Raphael js to draw circled numbers. The problem is that each number has a different width/height so using one set of coordinates to center the text isn't working. The text displays differently between IE, FF, and safari. Is there a dynamic way to find the height/width of the number and center it accordingly? He...