Spinning Star

Demonstrates interacting with a basic widget via its params, actions, and events.

Params

backgroundColor
borderColor
borderWidth

Actions

spin
rotations
duration secs

Events

spinCompleted --
Tip: Try changing the params while the star is still spinning.

html


<object class="obj" id="spinningStar" role="svidget" data="widgets/spinning-star.svg" type="image/svg+xml" 
	width="200" height="200" style="border: 1px solid black">
	<param name="borderColor" value="darkgreen" />
	<param name="backgroundColor" value="green" />
	<param name="borderWidth" value="6" />
</object>

				

svg