javascript - SVG上のドロップダウンメニュー？

Question

d3を使用した興味深いデータ視覚化でいっぱいのsvgキャンバスがあり、従来のhtmlドロップダウンメニューをsvg：rect要素の上に表示したいと思います。これは可能ですか？私はforeignObjectを使用できることを認識していますが、それはIEと互換性がありません。

Answer 1

要素を正しく配置する限り、正常に機能します。この例では、SVG要素の上に絶対位置のDIVを使用しました（出力ウィンドウ上でマウスを動かすと、DIVが動き回るのを確認できます）。（コードはD3ではなくRaphaelを使用していますが、結果は同じになります）。