added memory test for destroy/rebuilt

2025-04-05 20:48:28 +08:00 · 2014-03-19 09:59:07 -07:00 · 2014-03-19 09:59:07 -07:00 · 4a75a6e220
commit 4a75a6e220
parent 62e28dbd3c
1 changed files with 64 additions and 0 deletions
--- a/test/memory/build-destroy.html
+++ b/test/memory/build-destroy.html
@ -0,0 +1,64 @@
+<!DOCTYPE HTML>
+<html>
+  <head>
+    <style>
+      body {
+        margin: 0px;
+        padding: 0px;
+      }
+      canvas {
+        border: 1px solid #9C9898;
+      }
+    </style>
+  </head>
+  <body>
+    <div id="container"></div>
+    <button id="rebuild">Destroy / Rebuild</button>
+
+    <script src="../../dist/kinetic-dev.js"></script>
+
+    <script>
+      var star;
+
+      function addStar() {
+        star = new Kinetic.Star({
+            x: 250,
+            y: 150,
+            innerRadius: 30,
+            outerRadius: 75,
+            numPoints: 5,
+            fill: 'yellow',
+            stroke: 'black',
+            strokeWidth: 4,
+            name: 'myCircle',
+            draggable: true
+        });
+
+        layer.add(star);
+        layer.draw();
+
+        console.log('built')
+      }
+
+      var stage = new Kinetic.Stage({
+        container: 'container',
+        width: 500,
+        height: 300
+      });
+      var layer = new Kinetic.Layer();
+
+      stage.add(layer);
+
+      addStar();
+
+      document.getElementById('rebuild').addEventListener('click', function() {
+        star.destroy();
+        console.log('destroyed');
+        addStar();
+      });
+
+
+
+    </script>
+  </body>
+</html>