Some bugs creates :(

deinok · Feb 13, 2016 · 50a3ece · 50a3ece
1 parent 642a2d8
commit 50a3ece
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/Tests/Test1/test1.html b/Tests/Test1/test1.html
@@ -12,6 +12,8 @@
 
 </head>
 <body>
-	<canvas data-neuronal="enabled" data-number-points="5" data-number-lines="5" ></canvas>
+	<div data-neuronal="enabled" data-number-points="1000" data-number-lines="5" data-color="#58A4DF" style="width:500px;height:500px">
+		<h1>Heil Hitler</h1>
+	</div>
 </body>
 </html>
diff --git a/src/NeuronalSpider.ts b/src/NeuronalSpider.ts
@@ -16,15 +16,30 @@ class NeuronalSpider {
     }
 
     public initialize(): void {
+        this.createCanvas();
         this.initializeHeader();
         this.initializePoints();
         this.initAnimation();
         this.addListeners();
     }
 
+    public createCanvas():void {
+        this.canvas = document.createElement("canvas");
+        this.configuration.targetElement.parentElement.insertBefore(this.canvas, this.configuration.targetElement);
+
+        var clientRect: ClientRect = this.configuration.targetElement.getBoundingClientRect();
+
+        this.canvas.style.position = "absolute";
+        this.canvas.style.top = clientRect.top.toString()+"px";
+        this.canvas.style.left = clientRect.left.toString()+"px";
+        this.canvas.width = clientRect.width;
+        this.canvas.style.width = clientRect.width.toString()+"px";
+        this.canvas.height = clientRect.height;
+        this.canvas.style.height = clientRect.height.toString()+"px";
+    }
+
     public initializeHeader(): void {
         this.points = new Array<Point>();
-        this.canvas = <HTMLCanvasElement>this.configuration.targetElement;
         this.canvas.width = this.width = window.innerWidth;
         this.canvas.height = this.height = window.innerHeight;
         this.targetMouse = new Point(