ANTON072
3/31/2016 - 10:04 AM

svgのdefs要素

svgのdefs要素

	<!-- defs要素にidは振らない。defs要素は実態を見えなくする要素 -->
	<defs>
		<g id="def">
			<polygon points="0, 70 40, 1 80, 70"></polygon>
			<circle cx="80" cy="80" r="35" fill="#fc0"></circle>
			<rect x="85" y="85" width="70" height="70"></rect>
		</g>
	</defs>

	<use xlink:href="#def" fill="#6c0" stroke="#000" x="0" y="0"></use>
	<use xlink:href="#def" fill="#fc0" stroke="#000" x="180" y="0"></use>