8

私はSnap.svg API を使用しており、スタイリングのために CSS で選択する必要がある 3 つのグラフィックがあります。したがって、それらを区別するには、ID またはクラス名を付ける必要があります。

これは私が要素を作成する方法です:

var draw = Snap(100, 75);
c = draw.polyline(0,0, 50,75, 100,0, 0,0);
c.attr({
    fill: "black"
});

これは私が得る結果です：

<svg height="75" version="1.1" width="100" xmlns="http://www.w3.org/2000/svg">
    <polyline points="0,0,50,75,100,0,0,0" style="" fill="#000000"></polyline>
</svg>

これは、結果が必要なものです。

<svg id="graphic_1" height="75" version="1.1" width="100" xmlns="http://www.w3.org/2000/svg">
    <polyline points="0,0,50,75,100,0,0,0" style="" fill="#000000"></polyline>
</svg>
4

2 に答える 2

5

Snap バージョン0.2.0では、.attr()メソッドは期待どおりに機能します。

var draw = Snap(100, 75);
draw.attr({id: "graphic_1"});

しかし、Snapバージョン0.1.0では、これが機能するように変更しましたsnap.svg.js（約4338行目）。

var availableAttributes = {
    svg: {
        id : "",    
    },
于 2014-01-06T03:43:39.707 に答える