raphael

I have a flow chart which is based on Raphael js. it is same as that of http://raphaeljs.com/graffle.html . however since i have many rectangular Raphael boxes and my line path is of straight line and NOT curvy as shown in the above example. In this straight line type, these lines overlap sometime and so it is hard to tell which one is connecting which boxes. Please let me know if i can achieve this and how. Update :Attaching my current flow diagram jpeg. as you can see that connector lines are crossing over the Raphael shapes and also it is very hard to tell from where lines are starting. 来源：

I have assigned a custom data attribute to some circles added to the Raphael canvas as follows in a each() loop: marker.data('transaction', transaction); How do I find elements on the canvas that have the same transaction data value? Currently I have the code: var found = document.querySelectorAll("[transaction='" + current_transaction +"']"); Which should return a NodeList with the elements, but it doesn't work. To retrieve the data into a variable, it is as simple as var foo = marker.data('transaction') , but obviously, this doesn't work if I want to retrieve a NodeList of the elements.

I have a problem with Raphael.path2curve() . The function modifies SVG path string so that all path commands are converted to absolute Cubic curves (C). The function supports all path commands ( mlcqahvstMLCQAHVST , see SVG SPEC ). The Raphael.path2curve() can handle well paths in many cases, eg. It can even convert arcs to cubics correct, which is not an easy calculation. I have made many tests and realized that paths that consist of commands QT , CS or HT converts well. There are no problems with also the following: MS, HS, VS, LS, TC, TH, TL, TV, QA, TA . But it cannot handle commands QS,

I'm trying to set the background-image css property to encoded data URI content as shown in this fiddle It works as expected for all browsers I tested. The only browser that doesn't show the contents is IE 9/10. But I have another example that works in IE 9/10. The difference here is that the data URI contents are initially created in Chrome (by Raphaël) and then used in the example. If the SVG is created in IE (as in the 1st fiddle by Raphaël) itself it's not being displayed if used as background-image data. Where is the issue in IE? Is it related to my code or maybe something goes wrong in

Using Raphael, I wish to be able to drag a shape (an ellipse in the example below) containing a text object, dragging either the shape or the text. I hoped to do this by setting the functions passed to the text element's drag() method to delegate to the associated shape (trying a more polymorphic approach to this other one ). However, this results in an error " obj.addEventListener is not a function " when text.drag(...) is called. I'm new to javascript, so I've probably made a really obvious blunder, but I can't spot it. Have I misused call() in my delegating functions moveText , dragText ,

I'm trying to get element by drag and drop another element. I have for example 2 circles: c1 and c2. What i want to do is : if i drop c2 above c1 hence they are overlapped(not entirely necessary), i can get circle c1 (ex:id, title... etc). http://jsfiddle.net/Tomen/LYjnV/1/ Is there a way to do it? user568458 I'm not sure if you want the moving element that collides, or the static one that is collided with - so I'll give both. (it sounds like you want the static one, but it is this one which Element.onDragOver gives, as suggested in Oli's comment) Here is a rudimentary jsfiddle which accesses