javascript - DOM で raphael id 属性を取得する

Question

http://readysetraphael.com/を使用して、一部の SVG を Rapahel に変換しました。

生成されるコードの例を次に示します。

...
path6233.attr({id: 'path6233' 
...

attr ドキュメントを調べましたが、id が適切な属性として言及されていません。id 属性も DOM に追加されません。要素のスタイルを設定できるように、raphael にこの ID を DOM に追加させる方法はありますか?

または、どうにかしてすべてのパスをたどり、id属性を実際のDOM IDに簡単に移動できますか?

score 5 · Accepted Answer

私は前にreadysetraphael.comを見たことがありませんでした-それはかなり気の利いたものです.

Raphael paper 要素の forEach メソッドを使用して、特定の SVG コンテナー内のすべての要素をウォークするのはかなり簡単です。

var i = 0;
paper.forEach(function (el) 
{
    el.node.setAttribute("id", "node-" + i++ ) );
});

しかし、私は尋ねなければなりません - あなたはすでに Raphael に組み込まれた SVG を持っているのですから、単に Raphael を使用してプログラムでスタイルを設定しないのはなぜですか? あなたの推論に対する好奇心は、私に尋ねさせます。

score 3 · Accepted Answer

node次のように、プロパティを呼び出して、DOM 要素の基礎となる形状を取得することで、これを行うことができます。

path6233.node.id = 'node-id';

2 に答える 2