From f29ec503887aacb9e535d9dd9767f6bc822e54aa Mon Sep 17 00:00:00 2001
From: MoyuScript <i@moyu.moe>
Date: Fri, 2 Mar 2012 18:30:32 +0100
Subject: [PATCH 1/3] background test: add html and body background-color

---
 tests/background.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)
diff --git a/tests/background.html b/tests/background.html
index 5cb520c..ef97595 100644
--- a/tests/background.html
+++ b/tests/background.html
@@ -10,7 +10,12 @@
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <script type="text/javascript" src="test.js"></script>
         <style>
-
+            html {
+                background-color: red;
+            }
+            body {
+                background-color: lime;
+            }
             .small div{
                 width:100px;
                 height:100px;     
@@ -106,4 +111,4 @@
         </div>
 
     </body>
-</html>
\ No newline at end of file
+</html>

From 97ddb6beba817889d7506655cd2045d32255d6b6 Mon Sep 17 00:00:00 2001
From: MoyuScript <i@moyu.moe>
Date: Fri, 2 Mar 2012 18:32:37 +0100
Subject: [PATCH 2/3] clear the canvas with the documentElement background
 color

see tests/background.html
---
 src/Parse.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/Parse.js b/src/Parse.js
index da0e4b5..4f9a03a 100644
--- a/src/Parse.js
+++ b/src/Parse.js
@@ -1250,7 +1250,7 @@ _html2canvas.Parse = function ( images, options ) {
     }
     
     
-    stack.backgroundColor = getCSS( body, "backgroundColor" );
+    stack.backgroundColor = getCSS( document.documentElement, "backgroundColor" );
     
     return stack;
 

From 68d2c5083289a6134087d9a1b5b31ef9c9909d6d Mon Sep 17 00:00:00 2001
From: MoyuScript <i@moyu.moe>
Date: Fri, 2 Mar 2012 18:22:23 +0100
Subject: [PATCH 3/3] update tests/origin.html to use the new options
 overriding

allow tests to override selector and rendering options
---
 tests/origin.html | 15 ++++-----------
 tests/test.js     |  5 +++--
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/tests/origin.html b/tests/origin.html
index ce596ca..57207ed 100644
--- a/tests/origin.html
+++ b/tests/origin.html
@@ -1,22 +1,15 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
 <html>
     <head>
-
-        <script type="text/javascript" src="../external/jquery-1.6.2.min.js"></script>
-        <script type="text/javascript" src="../build/html2canvas.js"></script>
-        <script type="text/javascript" src="../build/jquery.plugin.html2canvas.js"></script>
+        <script type="text/javascript" src="test.js"></script>
         <script type="text/javascript">
-            $(document).ready(function() {
-                $('#bar').html2canvas();
-                // var ss = $('ul').offset();
-                // alert(ss.left);
-            });
+        h2cSelector = '#bar';
         </script>
         <title>
-			 display/box/float/clear test 
+            display/box/float/clear test
         </title>
         <style type="text/css">
-            /* last modified: 1 Dec 98 */ 	
+            /* last modified: 1 Dec 98 */
 
             html {
                 font: 10px/1 Verdana, sans-serif;
diff --git a/tests/test.js b/tests/test.js
index 81bbf5f..74135bc 100644
--- a/tests/test.js
+++ b/tests/test.js
@@ -5,6 +5,7 @@
 
   Released under MIT License
 */
+var h2cSelector = document.body, h2cOptions;
 (function(document, window) {
     var scrStart = '<script type="text/javascript" src="', scrEnd = '"></script>';
     document.write(scrStart + '../external/jquery-1.6.2.js' + scrEnd);
@@ -17,12 +18,12 @@
             window.setUp();
         }
         setTimeout(function() {
-            $(document.body).html2canvas((typeof h2cOptions !== "undefined") ? h2cOptions : {
+            $(h2cSelector).html2canvas($.extend({
                 flashcanvas: "../external/flashcanvas.min.js",
                 logging: true,
                 profile: true,
                 useCORS: true
-            });
+            }, h2cOptions));
         }, 100);
     };
 }(document, window));
