SVG に形状継承の概念はありますか?
問題: マップ上のさまざまなエンティティを表すさまざまなアイコン タイプでマップを作成しています。これらのアイコンの種類をリンクして、「親」(凡例のアイコンなど) を変更し、すべての「子」がそれらのプロパティを継承できるようにする方法はありますか?
Inkscapeでそれをやっていますが、それがSVGプロパティであり、有効なStackoverflowの質問であることを願っています.
SVG に形状継承の概念はありますか?
問題: マップ上のさまざまなエンティティを表すさまざまなアイコン タイプでマップを作成しています。これらのアイコンの種類をリンクして、「親」(凡例のアイコンなど) を変更し、すべての「子」がそれらのプロパティを継承できるようにする方法はありますか?
Inkscapeでそれをやっていますが、それがSVGプロパティであり、有効なStackoverflowの質問であることを願っています.
「プロパティ」の意味がわかりません。
CSSclass="foo"
を使用して、要素にビジュアル スタイルを適用できますfill:red; stroke-width:2px
。CSS ルールを変更すると、そのクラスのすべての形状の視覚スタイルに影響します。
ただし、おそらく必要なのは、<use>
ドキュメント全体に配置された単一の形状 (または任意のジオメトリのセット) への軽量参照を多数持つことを可能にする要素です。元のシェイプ/パス/ビジュアル スタイルへの変更は、すべてのインスタンスに影響します。
<use>
要素は、特定<g>
の形状、形状のグループ、またはドキュメント全体を参照する場合があり<svg>
ます。
単独では表示されない特別なソース グラフィックを作成するには、<symbol>
( を含むviewBox
) を使用するか、セクションに任意のコンテンツ <defs>
( など<g>
) を配置します。
以下は、シンボルの使用と<use>
マップ上に同一のマーカーを配置する例です:
http://www.carto.net/svg/samples/symbol.shtml