Connect two svg elements

[Alan Lindsay]

I am trying to plumb svg elements but the plumbing isn't quite working. It doesn't render the endpoints but it does render the connector. The connector is rendered to scale and with the right dimensions but not at the right x,y coordinates.

Any help you can provide is greatly appreciated. For what it is worth, once this issue is fixed I have a 100% working solution for zoom and pan of the entire canvas (using https://github.com/talos/jquery-svgpan works like a charm).

Thanks,

Alan

[Alan Lindsay]

Here are a couple images that show the problem. You can also see that the zoom and pan works perfectly on the svg elements and connectors.

The correct connection is between two divs. The incorrect connection is between two svg rect elements:

Here is it zoomed out:

[Alan Lindsay]

Can you give any indication as to whether or not you plan on adding support for connecting svg elements in the future?

Alan

[Simon Porritt]

as far as i know, jsplumb does connect svg elements correctly.

http://jsfiddle.net/26gBJ/

note that here what is connected is two svg elements, not rect elements.  you couldn't make a rect draggable using jquery.  it does not use the same values for positioning as a regular dom element. but an svg element does.

[Alan Lindsay]

Ok thanks, I'll see what I can do with this.

Alan