paper.js

2025-02-07 16:38:56 +01:00
parent 803e4407f4
commit b1c9f6170b
186 changed files with 178519 additions and 0 deletions
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Clouds</title>
+    <link rel="stylesheet" href="../css/style.css">
+    <script type="text/javascript" src="../../dist/paper-full.js"></script>
+    <script type="text/paperscript" canvas="canvas">
+        // Any newly created item will inherit the following styles:
+        project.currentStyle = {
+            strokeColor: 'black',
+            strokeWidth: 5,
+            strokeJoin: 'round',
+            strokeCap: 'round'
+        };
+
+        // The user has to drag the mouse at least 30pt before the mouse drag
+        // event is fired:
+        tool.minDistance = 30;
+
+        var path;
+        function onMouseDown(event) {
+            path = new Path();
+            path.add(event.point);
+        }
+
+        function onMouseDrag(event) {
+            path.arcTo(event.point, true);
+        }
+    </script>
+</head>
+<body>
+    <canvas id="canvas" resize></canvas>
+</body>
+</html>