図のような「フローチャート」を実現するためにsvgの2つの要素を接続する方法はありますか? 2 つのボックスがあり、それらの間に矢印があります。1 つのボックスをドラッグすると、矢印がボックスに接続されたままになります。
私は、SVG 1.1 にこの機能の仕様があることを発見しましたが、完成にはほど遠いものです。
私はそれを行うコードやライブラリを見つけることができません (そして、それはまれなユースケースではないと思います)。それは自分です。
ありがとう!
図のような「フローチャート」を実現するためにsvgの2つの要素を接続する方法はありますか? 2 つのボックスがあり、それらの間に矢印があります。1 つのボックスをドラッグすると、矢印がボックスに接続されたままになります。
私は、SVG 1.1 にこの機能の仕様があることを発見しましたが、完成にはほど遠いものです。
私はそれを行うコードやライブラリを見つけることができません (そして、それはまれなユースケースではないと思います)。それは自分です。
ありがとう!
Raphaelを使用し、まさにあなたが意味することを行うDracula Graph Libraryに興味があるかもしれません:
更新: jquery-svg を使用したことはありませんが、何か小さなものをまとめました: http://jsfiddle.net/7vJmy/2/
これは jquery-ui のドラッグ可能な機能を利用していますが、ライブラリに含まれている jquery.svganim.js パッケージを使用してそれを行うもっと良い方法があるのではないかと思います。
また、将来的に可能であれば、ライブラリの制限などを質問に含めて、最初からより具体的な回答を得ることができます! :)それが役立つことを願っています。