2011-11-15 8 views
0

SVGにシェイプ継承の概念はありますか?SVGのシェイプ継承

問題: マップ上の異なるエンティティを表すさまざまなアイコンタイプのマップを作成しています。これらのアイコンタイプをリンクする方法があるので、「親」(凡例のアイコンと言う)を変更し、すべての「子」がそれらのプロパティを継承します。

Inkscapeでそれをやっていますが、私はそれがSVGプロパティであり、したがって有効なStackoverflowの質問だと思っています。

答えて

4

「プロパティ」の意味がわかりません。

CSS class="foo"を使用して、要素にビジュアルスタイリングを適用することができます。 fill:red; stroke-width:2px。 CSSルールを変更すると、そのクラスのすべての図形のビジュアルスタイルに影響します。

しかし、おそらくあなたが望むものは<use>要素です。これにより、ドキュメント全体に配置された単一の図形(または任意の図形セット)に対する多数の軽量な参照が可能になります。元の図形/パス/ビジュアルスタイルの変更は、すべてのインスタンスに影響します。

<use>要素は、特定の形状、<g>図形、または<svg>文書全体を参照することがあります。あなたは(viewBoxを持っている)<symbol>を使用し、または(例えば<g>など)<defs>セクション内のすべてのコンテンツを配置するか、独自に表示されていない特殊なソースのグラフィックを作成するには

。それも、Inkscapeの中で働く
http://www.carto.net/svg/samples/symbol.shtml

+0

はここで地図上の同一のマーカーを配置するシンボルの使用及び<use>を示す一例です!私は手動でタグを追加し、その子のプロパティを親から継承しました。再度、感謝します! – pufferfish