source: main/trunk/model-sites-dev/von-sparql/js/paper/examples/SVG Export/Shapes.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: 1.2 KB
Line 
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5 <title>Shapes</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 rect = new Shape.Rectangle({
10 point: [200, 100],
11 size: [200, 300],
12 fillColor: 'red'
13 });
14 rect.rotate(40);
15
16 var circle = new Shape.Circle({
17 center: [200, 300],
18 radius: 100,
19 fillColor: 'green'
20 });
21 circle.scale(0.5, 1);
22 circle.rotate(40);
23
24 var ellipse = new Shape.Ellipse({
25 point: [300, 300],
26 size: [100, 200],
27 fillColor: 'blue'
28 });
29 ellipse.rotate(-40);
30
31 var rect = new Shape.Rectangle({
32 point: [250, 20],
33 size: [200, 300],
34 radius: [40, 20],
35 fillColor: 'yellow'
36 });
37 rect.rotate(-20);
38 document.getElementById('svg').appendChild(project.exportSVG());
39
40 var prev = null;
41 function onMouseMove(event) {
42 if (prev)
43 prev.selected = false;
44 var result = project.hitTest(event.point);
45 if (result) {
46 var item = result.item;
47 item.selected = true;
48 prev = item;
49 }
50 }
51 </script>
52</head>
53<body>
54 <canvas id="canvas" width="500" height="500"></canvas>
55 <svg id="svg" width="500" height="500"></svg>
56</body>
57</html>
Note: See TracBrowser for help on using the repository browser.