3

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

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

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

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

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

4

2 に答える 2

5

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

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

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

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

于 2012-06-01T18:18:20.667 に答える
3

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

path6233.node.id = 'node-id';
于 2012-06-03T07:36:52.413 に答える