source: main/trunk/model-sites-dev/von-sparql/js/paper/examples/Scripts/Arcs.html@ 28914

Last change on this file since 28914 was 28914, checked in by ak19, 10 years ago

Supporting javascript libraries and bespoke code written by Steffan to support the von-sparql user interface

File size: 869 bytes
Line 
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5 <title>Arcs</title>
6 <link rel="stylesheet" href="../css/style.css">
7 <script type="text/javascript" src="../../dist/paper.js"></script>
8 <script type="text/paperscript" canvas="canvas">
9 var values = {
10 points: 20,
11 radius: 20,
12 initialRadius: 10
13 };
14 for (var i = 0; i < 30; i++) {
15 var path = new Path({
16 fillColor: i % 2 ? 'red' : 'black',
17 closed: true
18 });
19
20 var point = new Point({
21 length: values.initialRadius + values.radius * i,
22 angle: 0
23 });
24 for (var j = 0; j <= values.points; j++) {
25 point.angle += 360 / values.points;
26 if (j == 0) {
27 path.add(view.center + point);
28 } else {
29 path.arcTo(view.center + point);
30 }
31 }
32 project.activeLayer.insertChild(0, path);
33 }
34 </script>
35</head>
36<body>
37 <canvas id="canvas" resize></canvas>
38</body>
39</html>
Note: See TracBrowser for help on using the repository browser.