Zooming and Panning about angularjs-flowchart

[ashleydavis]

There is no zoom and pan implemented. You are welcome to fork and add it! It would be very cool to see how you do it ;)

[bnyboy]

Foremost - also my praise for the project & article. I'm hoping to incorporate an ERD diagram in my own angular web app and it is most helpful.

I've had a look regarding angular SVG panning. This project looks like it could be helpful (though you may have both found it already)
https://code.google.com/p/svgpan/

Ashley - Keen to chat at a Meetup sometime; I'm Brisbane based & just joined Game Tech.

Ben.

[chepilot]

Hi, thanks, i found this zoom pan directive in angular and once the dragging selection box in the flowchart is disabled, the zooming and panning can actually work.

https://github.com/mvindahl/angular-pan-zoom.

The thing is, if the area is scaled, there will be a offset when dragging the node and when connecting the connectors, the end point of the link path is not attached to the mouse pointer.

Im guessing it has something to do with the coordinates translation, but Im new to web svg and angular, can't really figure it out. Could you give me some suggestions? Thank you.

[ashleydavis]

I'm sorry I don't have any suggestions, I haven't done anything yet with zooming and panning in svg. Please let us know if you find a solution because your experience will help others.