2016-11-30 1 views
0

svg.jsを使用して、HTMLドキュメント内にSVGイメージを作成します。しかし、私はsvg.jsで作成されていないいくつかの要素を追加したいと思っています。私は.svg()メソッドがSVGソースを取り込んで追加するメソッドを知っていますが、私は既にSVGの一部である実際のDOM要素を持っています。このDOM要素のsvg.jsオブジェクトを取得する方法はありますか?svg.jsで作成されていない(SVG)DOMノード用のsvg.jsオブジェクトを生成します。

答えて

2

あなたが探しているのはノードをとり、SVG.jsオブジェクトを返すメソッドです。

SVG.select()メソッドを使用することもできます。このセレクタでは、CSSセレクタを使用し、SVG.js要素のセットを返します。それはセット(並べ替えの配列)なので、最初の要素を取得する必要がありますSVG.select(something).get(0)

+0

'2.3.2'に' SVG.adopt() 'が見つかりませんでした。ドキュメントには名前['吸収'](https://github.com/svgdotjs/svg.absorb.js)という拡張子が付いていますが、今度は 'svg.js'に含まれています。 'SVG.select()'が機能しました。ありがとう! – burnpanck

+1

'' SVG.adopt'は '2.0.0'からインクルードされています(svg.js v1.x.xでのみ有効です)。 'adopt'は文書では言及されていません。なぜなら、要素を取得する通常の方法は' SVG.select'であるからです。ただし、特にノードを使用しているユースケースの場合は、完全に適合します – Fuzzyma

関連する問題