I've made an animation with SVG. It's like a slowly changing wallpaper. The idea is that you should barely notice it is changing. It's purely decorative, and I don't want it to drain any resources. Is there a way to set the frame rate in SVG? I thought setting it to a very low number might do the trick? I'm using Raphael, by the way. ...
Hi everyone, I am using jQuery to load an external SVG (a map of France) and parse it into paths with raphaël.js the following code. But it is not doing anything in IE. Any ideas? $(document).ready(function(){ var paper = Raphael("canvas", 450, 380); var map = paper.set(); // load svgz map $.ajax({ type: "GET",...
I was asked to develop a "Flashy" graph for a cliënt. I grasped the chance to try raphaeljs for this project. All worked out fine but now the mousover labels don't get rendered in Chrome. Only the part where there is text on top of the path it gets rendered. The development version is placed on http://85.145.85.127/projects/ilsf-graph/ ...
I would like to find out how to add blurry edged drop shadows to Raphael.js objects/paths. As far as I know it is not possible with the library as is but is there a work around? ...
I am trying to figure out the best most reliable way to convert my SVG drawings from Illustrator or Inkscape into Raphael.js object code. I suppose I am looking for some type of parser but do not know of any. None are suggested on the Raphael.js site. Any suggestions? ...
Hello all, currently I am using Raphael.js to drag and drop a circle around a canvas. However, I would like to disallow the user to drag the circle out of the canvas. My code is generally as follows: <script type="text/javascript" src="Javascript/raphael.js"></script> <script type="text/javascript"> window.onload = function(...
I'm a contributer to the Raphael project, and one thing we need is a central place for documentation and, IMHO, a good place for people to add examples of how to use the library to accomplish various tasks. One of the contributers has done a great job of managing all this information himself so far, on his own personal site, but of cou...
I'm using RaphaelGWT to draw shapes with the underlying RaphaelJS library. The basic RaphaelGWT Shape classes extends Widget, Circle extends Shape, and my CircleClickable extends Circle. I've tried to extend these objects so they can handle clicks but it's not working. There's an example in the RaphaelGWT for this, and I'm doing the same...
I attach an onmouseout event to a Raphael circle element like this: (function(el,iElPos,col){ el.mouseout(function elmouseout(){el.animate({"fill":col,"r":ELEMENT_RADIUS},150); alert("first"); fadeTag(); }); )(c,i,e...
I have seen graphs in Flash & stuff that basically adapt nicely to whatever the size of the browser or flexible element they are inside of.... I'm not really too well versed with raphaelJS but can you do this, and if so, how? ...
How can I dynamically set the image size ratio depending on the returned image in raphael? Here is some code to give you an idea: var viewer = Raphael(0,0,scrWidth, scrHeight); viewer.image(dynamicUrl, 140, 140,300, scaledHeight); Thank you ...
Hi, I'm using the Raphael JavaScript library. I'd like to draw a border with rounded edges around an image (which is a Raphael object) but I can't seem to figure out how to do that. I tried to set a stroke but it doesn't appear. I have this: var paper = Raphael(10, 50, 500, 500); var google_img = paper.image("http://www.google.com/imag...
How can I get the position of an object in Raphael? I can get the size using getBBox(), but there appears to be no way to get the position? ...
Hi, Is there a way to get a bar's index value? So for example bar_chart.hover(function() { var test = this.bar.index; }); Or something to that effect? Basically, if the bar chart consists of 10 colums and I click on the third, I would want the value 3 returned. Thanks in advance. David ...