magic4

2024-12-03 16:40:54 +08:00
parent 6e6dd6a4fc
commit 9d776c65e9
408 changed files with 498647 additions and 99 deletions
--- a/static/Magic4/paperjs-v0.12.15/examples/Worker/Main.html
+++ b/static/Magic4/paperjs-v0.12.15/examples/Worker/Main.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Shapes</title>
+<link rel="stylesheet" href="../css/style.css">
+<script type="text/javascript" src="../../dist/paper-full.js"></script>
+<script type="text/paperscript" canvas="canvas">
+    if (window.Worker) { // Check if Browser supports the Worker API.
+        var worker = new Worker("Worker.js");
+
+        // Create two paths, and send them to the worker to perform a boolean
+        // operation on them.
+
+        var circle = new Path.Circle({
+            center: [200, 200],
+            radius: 100,
+            fillColor: 'red'
+        });
+
+        var rectangle = new Path.Rectangle({
+            point: [200, 200],
+            size: [200, 200],
+            fillColor: 'blue'
+        });
+
+        var data = [
+            circle.exportJSON(),
+            rectangle.exportJSON()
+        ];
+        console.log('Sent', data);
+        worker.postMessage(data);
+
+        // The worker sends the result back in a message, from which we can then
+        // create a new path item and siplay it.
+        worker.onmessage = function(event) {
+            var data = event.data;
+            if (data) {
+                console.log('Received', data);
+                var result = project.activeLayer.importJSON(data);
+                result.fillColor = 'yellow';
+                result.fillColor.alpha = 0.5;
+                result.position += [400, 0];
+                result.fullySelected = true;
+            }
+        };
+    }
+</script>
+</head>
+<body>
+    <canvas id="canvas" resize></canvas>
+</body>
+</html>
--- a/static/Magic4/paperjs-v0.12.15/examples/Worker/Worker.js
+++ b/static/Magic4/paperjs-v0.12.15/examples/Worker/Worker.js
@@ -0,0 +1,14 @@
+importScripts('../../dist/paper-full.js');
+paper.install(this);
+paper.setup([640, 480]);
+
+onmessage = function(event) {
+    var data = event.data;
+    if (data) {
+        var path1 = project.importJSON(data[0]);
+        var path2 = project.importJSON(data[1]);
+        console.log(path1, path2);
+        var result = path1.unite(path2);
+        postMessage(result.exportJSON());
+    }
+};