Skip to content

Instantly share code, notes, and snippets.

@perlDreamer
Last active July 26, 2017 00:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save perlDreamer/16088a3d76d7839e80cc68c00e3bde07 to your computer and use it in GitHub Desktop.
Save perlDreamer/16088a3d76d7839e80cc68c00e3bde07 to your computer and use it in GitHub Desktop.
SVG animations for determining path order
<script xlink:href="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link xmlns="http://www.w3.org/1999/xhtml" type="text/css" rel="stylesheet" href="http://unlimitedmediaworks.com/demo/svg-simulator/simulator.css"></link>
<script xlink:href="http://unlimitedmediaworks.com/demo/svg-simulator/simulator.js"></script>
@perlDreamer
Copy link
Author

perlDreamer commented Jul 25, 2017

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Colin Kuskie, vim 72 DPI -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Cut_Lines" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="234px" height="378px" viewBox="0 0 274 378" enable-background="new 0 0 274 378" xml:space="preserve">
<circle cx="60" cy="60" r="36" stroke-width="1" stroke="#FF0000" fill="none"/>
<circle cx="174" cy="60" r="36" stroke-width="1" stroke="#FF0000" fill="none"/>
<circle cx="117" cy="189" r="36" stroke-width="1" stroke="#FF0000" fill="none"/>
<circle cx="60" cy="306" r="36" stroke-width="1" stroke="#FF0000" fill="none"/>
<circle cx="174" cy="306" r="36" stroke-width="1" stroke="#FF0000" fill="none"/>
<script  xlink:href="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<link  xmlns="http://www.w3.org/1999/xhtml" type="text/css" rel="stylesheet" href="http://unlimitedmediaworks.com/demo/svg-simulator/simulator.css"></link>
<script  xlink:href="http://unlimitedmediaworks.com/demo/svg-simulator/simulator.js"></script>
</svg>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment