pathjs/index.html at master · bseth99/pathjs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Strict//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

   <title>PathJS Demos</title>

</head>
<body>

<a href="https://github.com/bseth99/pathjs"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png" alt="Fork me on GitHub"></a>

<h1>PathJS Demo Index</h1>

<div>
  These demos are designed to illustrate specific features of the PathJS library.
  They are still a work in progress and will improve over time.
</div>

<ul>
 <li>
   <a href="demo/path-adding.html">Creating Paths</a> - Build a star using paths and draw it on a canvas.
 </li>

 <li>
   <a href="demo/path-transforms.html">Path Transforms</a> - Shows all the transforms that can be applied to a path.
 </li>

 <li>
   <a href="demo/path-generators.html">Available Generators</a> - Shows all the different generators.
 </li>

 <li>
   <a href="demo/path-adapters.html">Converting Paths</a> - Demostrates using the adapters to animate, draw on a canvas, and create SVG polygons.
 </li>

 <li>
   <a href="demo/path-wrap.html">Wrapping Paths</a> - Using the wrap() method to combine paths.
 </li>

 <li>
   <a href="demo/path-animate.html">Using Paths to Animate Elements</a> - Animating elements along a path.
 </li>
</ul>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-34780028-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</body>
</html>