Invoke strict mode in the anonymous function wrapper

README.md

@@ -5,6 +5,7 @@
 __Domvas implements the missing piece that connects the DOM and Canvas__. It gives to the ability to take arbitrary DOM content and paint it to a Canvas of your choice.
 
 ## Usage
+
 ```js
 var canvas = document.getElementById("test");
 var context = canvas.getContext('2d');
@@ -15,10 +16,12 @@ domvas.toImage(document.getElementById("dom"), function() {
 ```
 
 ## Syntax
+
 ```js
 domvas.toImage(domElement, readyCallback, width, height, left, top);
 ```
-readyCallback's 'this' and first argument points to a valid, preloaded image node that you can simply draw to your canvas context.
+
+readyCallback's `this` and first argument points to a valid, preloaded image node that you can simply draw to your canvas context.
 
 ## How it works
 

src/domvas.js

@@ -1,14 +1,13 @@
-"use strict";
-
-(function() {
+(function(window, document) {
+	"use strict";
 
 	var supportsCSSText = getComputedStyle(document.body).cssText !== "";
 
-	function copyCSS(elem, origElem, log) {
+	function copyCSS(elem, origElem) {
 
 		var computedStyle = getComputedStyle(origElem);
 
-		if(supportsCSSText) {
+		if (supportsCSSText) {
 			elem.style.cssText = computedStyle.cssText;
 
 		} else {
@@ -30,15 +29,17 @@
 		var origChildren = origElem.querySelectorAll('*');
 
 		// copy the current style to the clone
-		copyCSS(elem, origElem, 1);
+		copyCSS(elem, origElem);
 
 		// collect all nodes within the element, copy the current style to the clone
 		Array.prototype.forEach.call(children, function(child, i) {
 			copyCSS(child, origChildren[i]);
 		});
+
+		var elstyle = elem.style;
 
 		// strip margins from the outer element
-		elem.style.margin = elem.style.marginLeft = elem.style.marginTop = elem.style.marginBottom = elem.style.marginRight = '';
+		elstyle.margin = elstyle.marginLeft = elstyle.marginTop = elstyle.marginBottom = elstyle.marginRight = '';
 
 	}
 
@@ -62,11 +63,12 @@
 
 			// Create well formed data URL with our DOM string wrapped in SVG
 			var dataUri = "data:image/svg+xml," +
-				"<svg xmlns='http://www.w3.org/2000/svg' width='" + ((width || origElem.offsetWidth) + left) + "' height='" + ((height || origElem.offsetHeight) + top) + "'>" +
-					"<foreignObject width='100%' height='100%' x='" + left + "' y='" + top + "'>" +
-					serialized +
-					"</foreignObject>" +
-				"</svg>";
+				"<svg xmlns='http://www.w3.org/2000/svg' width='" +
+                ((width || origElem.offsetWidth) + left) + "' height='" +
+                ((height || origElem.offsetHeight) + top) + "'>" +
+				"<foreignObject width='100%' height='100%' x='" + left + "' y='" + top + "'>" +
+				serialized +
+				"</foreignObject></svg>";
 
 			// create new, actual image
 			var img = new Image();
@@ -83,5 +85,5 @@
 
 	};
 
-})();
+})(window, document);