Gridfader is now sized by its style and not by the window element. Th…

…is will allow it to be embedded in other elements. Also added a character encoding to the demo file.
xcjs · Aug 30, 2014 · 80c2b7e · 80c2b7e
1 parent 09e0a0c
commit 80c2b7e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/gridfader.js b/gridfader.js
@@ -72,8 +72,8 @@ var GridFader = function(canvasId) {
 
 	var Environment = {
 		SetCanvasSize: function() {
-			self.canvas.height = window.innerHeight;
-			self.canvas.width = window.innerWidth;
+			self.canvas.height = self.canvas.clientHeight;
+			self.canvas.width = self.canvas.clientWidth;
 		}
 	};
 

diff --git a/index.html b/index.html
@@ -2,6 +2,7 @@
 <html>
 	<head>
 		<title>gridfader.js Demo</title>
+		<meta charset="utf-8" /> 
 
 		<style>
 			* {
@@ -18,6 +19,7 @@
 			#gridfader {
 				display: block;
 				height: 100%;
+				width: 100%;
 			}
 		</style>
 	</head>