How can I reorder Raphael or their underlying SVG elements after creation. Better yet, do something like layers exist in SVG?  Ideally I would like two or more layers in which to place elements at any time; A background and a foreground layer. If t...
If I were to create an image as a Raphael.js object with the initial size [w1,h1], then scale it using the transform() method, how would I afterward retrieve its new size [w2,h2]? Because calling image.attr("width") returns w1, the initial wi...
I am using the Raphaël JavaScript Library to create SVG elements in an HTML page and using CodeIgniter as a PHP framework. In the CodeIgniter framework I need to add a <base> tag in the head of the HTML document to use JS,CSS and images, but i...
Can anyone give me an example of these attributes in action: stroke-dasharray, stroke-linecap,    stroke-linejoin i tried using them, but i don't quite understand the sentext structure for their values....
Somehow this doesn't work...  var paper = Raphael("test", 500, 500);  var testpath = paper.path('M100 100L190 190');  var a = paper.rect(0,0,10,10); a.attr('fill', 'silver');  a.mousedown( function() {   testpath.a...
I'm trying to create a webpage which using a lot of Raphael objects like lines, rectangles, circle. I'm using different colors for each of the event on these objects like onmouseover one color, onmouseout another etc.. So since I have a lot o...
I'm using the raphael javascript library, and I'd like to draw a straight line using the mouse. I'd like to let the user click somewhere, place a single point of the path, and then have the line follow the mouse until they click again, at...
I was trying to use Raphael JS graphics library. I would like to use the attribute gradient which should accept an object. Documentation says to refer to SVG specs. I found the gradient object in SVG, for instance   <linearGradient id="myFillG...
Can I put a Raphael.js canvas over an IMG element? What should I do make this layout work?...
I have a set that only contains a rectangle.  var hoverTrigger = this.paper.set(); var outline = this.paper.rect(); outline.attr({ ... hoverTrigger.push(outline) this.sprite.push(hoverTrigger);   Upon hover, the rectangle is supposed to expand, and s...

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.