7

SVG有向グラフにいくつかのインタラクティブ機能を追加する必要があります。

これまでのところ、表示したいグラフはドットファイルから生成され、SVGとしてレンダリングされています。そのようなSVGドキュメントに双方向性(おそらくJavascriptを使用)を追加する簡単な方法があるかどうか知りたいです。

私が必要としているのは、マウスがノードの上を通過したときにいくつかの情報を表示し、2つのノードを比較できるようにすることです。

私のモデルは自動的に生成されるので、ドットで生成されたSVGを保持し、別のJavascriptを使用して追加情報を追加したいと思います。

4

1 に答える 1

4

インラインSVGの例があります。このSVGとあなたが持っているものとの違いは、私のデモのSVGにはノードなどのid属性があるということです。このSVGはgraphvizのWebサイトから入手しました。

デモ

(「こんにちは」ノードをクリックします)

サーバーにSVGをアップロードする機会があれば、埋め込み要素からSVGにアクセスしてみます。JSFiddleでブラウザの同一生成元ポリシーに対して実行することはできません。

このページも役立つかもしれません。これは、SVGのスクリプト機能の一部を示していますが、すべての例で、スクリプトはSVG自体にあります。

于 2011-09-16T21:47:05.023 に答える