added memory test for text shape create/destroy

2025-11-24 08:46:44 +08:00 · 2014-03-19 10:31:51 -07:00
parent 4a75a6e220
commit 40dfbef81e
2 changed files with 60 additions and 0 deletions
--- a/test/memory/build-destroy-star.html
+++ b/test/memory/build-destroy-star.html
--- a/test/memory/build-destroy-text.html
+++ b/test/memory/build-destroy-text.html
@@ -0,0 +1,60 @@
+<!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 text; 
+
+      function addText() {
+        text = new Kinetic.Text({
+          x: 250,
+          y: 150,
+          text: 'Simple Text',
+          fontSize: 30,
+          fontFamily: 'Calibri',
+          fill: 'green'        
+        });
+
+        layer.add(text);
+        layer.draw();
+
+        console.log('built')
+      }
+
+      var stage = new Kinetic.Stage({
+        container: 'container',
+        width: 500,
+        height: 300
+      });
+      var layer = new Kinetic.Layer();
+
+      stage.add(layer);
+
+      addText();
+
+      document.getElementById('rebuild').addEventListener('click', function() {
+        text.destroy();
+        console.log('destroyed');
+        addText();
+      });
+
+
+
+    </script>
+  </body>
+</html>