SVG with XML: How do you rotate a shape made by a custom path?

GrorAdadomi

New Member
I'm trying to rotate a shape around origin (16, 16), but the following leaves the shape static.\[code\]<g> <g> <path style="fill:#666666;fill-opacity:0.5;stroke:none" d="M 16 0 L 14.5 6 L 16 12 L 17.5 6 L 16 0 z M 4.6875 4.71875 L 7.875 10.03125 L 13.1875 13.1875 L 10 7.90625 L 4.6875 4.71875 z M 27.28125 4.71875 L 21.96875 7.90625 L 18.8125 13.1875 L 24.09375 10.03125 L 27.28125 4.71875 z M 6 14.5 L 0 16 L 6 17.5 L 12 16 L 6 14.5 z M 26 14.5 L 20 16 L 26 17.5 L 32 16 L 26 14.5 z M 13.1875 18.8125 L 7.875 22 L 4.6875 27.3125 L 10 24.125 L 13.1875 18.8125 z M 18.8125 18.8125 L 21.96875 24.125 L 27.28125 27.3125 L 24.09375 22 L 18.8125 18.8125 z M 16 20 L 14.5 26 L 16 32 L 17.5 26 L 16 20 z "> </path> </g> <animateTransform attributeName="transform" attributeType="XML" from="0 16 16" to="360 16 16" dur="2s" repeatCount="indefinite" type="rotate" fill="freeze"/></g>\[/code\]
 
Back
Top