Skip to content

Instantly share code, notes, and snippets.

@ethernetdan

ethernetdan/gist:edf35d537c61c230ca72

Last active August 29, 2015 14:06
Show Gist options
  • Save ethernetdan/edf35d537c61c230ca72 to your computer and use it in GitHub Desktop.
Save ethernetdan/edf35d537c61c230ca72 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
gistfile1.html
<html>
<head>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="./layer.js"></script>
</head>
<body>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="canvas">
<g>
<rect x="10" y="10" height="110" width="110" style="stroke:#ff0000; fill: #0000ff" transform="rotate(261.042 60 60)">
</rect>
<rect x="200" y="10" height="110" width="110" style="stroke:#ff0000; fill: #0000ff" transform="rotate(261.042 60 60)">
</rect>
<animateTransform attributeName="transform" begin="0s" dur="10s" type="rotate" from="0 60 60" to="360 60 60"/>
</g>
</svg>
<input type="range" id="slider" min="0" max="100" value="0"></input>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment