2011-11-15 2 views
0

SVG에서 모양 상속 개념이 있습니까?SVG의 도형 상속

문제점 : 지도에서 다른 엔티티를 나타내는 다양한 아이콘 유형으로지도를 만들고 있습니다. 이러한 아이콘 유형을 연결하는 방법이있어 "부모"(범례의 아이콘)를 수정할 수 있으며 모든 "자식"이 해당 속성을 상속 받습니까?

Inkscape에서하고 있지만 SVG 속성 및 따라서 유효한 Stackoverflow 질문 바란다.

답변

4

"속성"으로 무엇을 의미하는지 모르겠습니다.

CSS class="foo"을 사용하여 요소에 시각적 스타일을 적용 할 수 있습니다. fill:red; stroke-width:2px. CSS 규칙을 변경하면 해당 클래스가있는 모든 도형의 비주얼 스타일에 영향을줍니다.

그러나 원하는 것은 아마도 <use> 요소입니다.이 요소를 사용하면 문서 전체에 배치 된 단일 모양 (또는 임의의 형상 세트)에 대한 많은 간단한 참조를 가질 수 있습니다. 원래 모양/경로/시각적 스타일을 변경하면 모든 인스턴스에 영향을줍니다.

<use> 요소는 특정 모양, <g> 모양의 도형 또는 심지어 전체 <svg> 문서를 참조 할 수 있습니다.

(예 : <g> 등) <defs> 섹션에서 콘텐츠를 당신이 <symbol> (A viewBox이있는)를 사용할 수 있습니다 자체에 표시되어 있지 않은 특별한 소스 그래픽을 만들거나 놓습니다. 그것은 심지어 잉크 스케이프에서 작동
http://www.carto.net/svg/samples/symbol.shtml

+0

:

여기지도에 동일한 마커를 배치 기호의 사용과 <use>을 보여주는 예입니다! 수동으로 태그를 추가하면 해당 하위의 속성이 이제 부모로부터 상속됩니다. 다시 한 번 감사드립니다! – pufferfish