├── README.md
├── css
    └── style.css
├── img
    ├── 1.jpg
    ├── 2.jpg
    ├── 3.jpg
    └── pdf.png
├── index.html
├── js
    ├── html2canvas.js
    ├── html2canvas.min.js
    ├── html2canvas.svg.js
    ├── html2canvas.svg.min.js
    ├── jspdf.debug.js
    └── jspdf.min.js
└── renderPDF.js


/README.md:
--------------------------------------------------------------------------------
 1 | # How-Transform-HTML-INTO-Multipage-PDF
 2 | A example about how to transform HTML into Multipage PDF.
 3 | 
 4 | [Preview Demo](https://pwcong.github.io/how-transform-html-into-multipage-pdf/)
 5 | 
 6 | # Support Browser
 7 | * IE10+
 8 | * Chrome
 9 | * Firefox
10 | * 360
11 | 
12 | # Usage
13 | ## First Step.
14 | import these js file like this:
15 | ```
16 |         <script src="/jspdf.debug.js"></script>
17 |         <script src="/html2canvas.js"></script>
18 |         <script src="/renderPDF.js"></script>
19 | 
20 | ```
21 | 
22 | ## Last Step.
23 | execute the method `renderPDF` that require one parameter (3 optional parameters) like this:
24 | ```
25 |     renderPDF(document.getElementById("content"));
26 | 
27 |     // or
28 | 
29 |     renderPDF(document.getElementById("content"), "pdfName", "a4", function(){
30 |         console.log("success");
31 |     })
32 | 
33 | ```
34 | 
35 | # API
36 | 
37 | * renderPDF(content: Element, pdfName: string, format: string, onSuccess: function )
38 |     * content[Required]: the html element will be transfromed
39 |     * pdfName[Optional]: the filename of PDF, default is "content"
40 |     * format[Optional]: decide the page format of final PDF, default is "a4"
41 |     * onSuccess[Optional]: execute the function when generate PDF successfully 
42 | 
43 | # Others
44 | ## About PDF Format
45 | 
46 | The width and height of content decided by the Format of PDF
47 | 
48 | ```
49 |     'a0': [2383.94, 3370.39], 'a1': [1683.78, 2383.94],
50 |     'a2': [1190.55, 1683.78], 'a3': [841.89, 1190.55],
51 |     'a4': [595.28, 841.89], 'a5': [419.53, 595.28],
52 |     'a6': [297.64, 419.53], 'a7': [209.76, 297.64],
53 |     'a8': [147.40, 209.76], 'a9': [104.88, 147.40],
54 |     'a10': [73.70, 104.88], 'b0': [2834.65, 4008.19],
55 |     'b1': [2004.09, 2834.65], 'b2': [1417.32, 2004.09],
56 |     'b3': [1000.63, 1417.32], 'b4': [708.66, 1000.63],
57 |     'b5': [498.90, 708.66], 'b6': [354.33, 498.90],
58 |     'b7': [249.45, 354.33], 'b8': [175.75, 249.45],
59 |     'b9': [124.72, 175.75], 'b10': [87.87, 124.72],
60 |     'c0': [2599.37, 3676.54], 'c1': [1836.85, 2599.37],
61 |     'c2': [1298.27, 1836.85], 'c3': [918.43, 1298.27],
62 |     'c4': [649.13, 918.43], 'c5': [459.21, 649.13],
63 |     'c6': [323.15, 459.21], 'c7': [229.61, 323.15],
64 |     'c8': [161.57, 229.61], 'c9': [113.39, 161.57],
65 |     'c10': [79.37, 113.39], 'dl': [311.81, 623.62],
66 |     'letter': [612, 792],
67 |     'government-letter': [576, 756],
68 |     'legal': [612, 1008],
69 |     'junior-legal': [576, 360],
70 |     'ledger': [1224, 792],
71 |     'tabloid': [792, 1224]
72 | ```
73 | 


--------------------------------------------------------------------------------
/css/style.css:
--------------------------------------------------------------------------------
 1 | body{
 2 |     font-family: "Microsoft YaHei", sans-serif;
 3 |     margin: 0px;
 4 | }
 5 | 
 6 | .container{
 7 | 
 8 |     width: 100%;
 9 |     display: flex;
10 |     justify-content: center;
11 | 
12 | }
13 | 
14 | #content{
15 |     display: flex;
16 |     flex-flow: row wrap;
17 |     width: 500px;
18 |     border: 1px grey solid;
19 | }
20 | 
21 | #content img{
22 |     min-width: 100%;
23 |     height: auto;
24 | }
25 | 
26 | .tips{
27 |     position: fixed;
28 |     left: 0px;
29 |     top: -48px;
30 |     width: 100%;
31 |     font-size: 20px;
32 |     color: white;
33 |     height: 48px;
34 |     display: flex;
35 |     align-items: center;
36 |     justify-content: center;
37 |     background-color: #00796B;
38 |     
39 |     transition: top 0.4s;
40 | }
41 | 
42 | #active{
43 | 
44 |     top: 0px;
45 | }
46 | 
47 | 
48 | #btn{
49 |     right: 8px;
50 |     bottom: 8px;
51 |     font-size: 20px;
52 |     color: white;
53 |     display: flex;
54 |     align-items: center;
55 |     padding: 4px 8px 4px 8px;
56 |     position: fixed;
57 |     background-color: #00796B;
58 |     cursor: pointer;
59 |     transition: background-color 0.4s;
60 | }
61 | 
62 | #btn:hover{
63 |     background-color: #009688;
64 | }
65 | 
66 | #btn:active{
67 |     background-color: #004D40;
68 | }
69 | 
70 | #btn img{
71 |     margin-right: 4px;
72 |     width: 28px;
73 |     height: 28px;
74 | }


--------------------------------------------------------------------------------
/img/1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pwcong/how-transform-html-into-multipage-pdf/d9597f05a51883b7cc2ee1a16e3c7f2220dc480d/img/1.jpg


--------------------------------------------------------------------------------
/img/2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pwcong/how-transform-html-into-multipage-pdf/d9597f05a51883b7cc2ee1a16e3c7f2220dc480d/img/2.jpg


--------------------------------------------------------------------------------
/img/3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pwcong/how-transform-html-into-multipage-pdf/d9597f05a51883b7cc2ee1a16e3c7f2220dc480d/img/3.jpg


--------------------------------------------------------------------------------
/img/pdf.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pwcong/how-transform-html-into-multipage-pdf/d9597f05a51883b7cc2ee1a16e3c7f2220dc480d/img/pdf.png


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <title>How transform HTML into Multipage PDF</title>
 5 |         <meta charset="UTF-8">
 6 |         <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |         <link href="./css/style.css" rel="stylesheet">
 8 |     </head>
 9 |     <body>
10 | 
11 |         <div class="tips">
12 |             正在生成PDF中。。。
13 |         </div>
14 | 
15 |         <div class="container">
16 | 
17 |             <div id="content">
18 | 
19 |                 <img src="./img/1.jpg">
20 |                 <img src="./img/2.jpg">
21 |                 <img src="./img/3.jpg">
22 | 
23 |             </div>
24 | 
25 |         </div>
26 | 
27 |         <div id="btn"><img src="./img/pdf.png">导出PDF</div>
28 | 
29 |         <script src="./js/jspdf.debug.js"></script>
30 |         <script src="./js/html2canvas.js"></script>
31 |         <script src="./renderPDF.js"></script>
32 |         
33 |         <script>
34 | 
35 |             document.body.onload = function(){
36 | 
37 |                 document.getElementById("btn").onclick = function(e){
38 | 
39 |                     var tips = document.getElementsByClassName("tips")[0];
40 |                     tips.id = "active";
41 | 
42 |                     renderPDF(document.getElementById("content"),"content","a4", function(){
43 |                         tips.id = "";
44 |                     });
45 |                 }
46 | 
47 |             }
48 | 
49 |         </script>
50 | 
51 | 
52 |     </body>
53 | </html>


--------------------------------------------------------------------------------
/js/html2canvas.js:
--------------------------------------------------------------------------------
   1 | /*
   2 |   html2canvas 0.5.0-alpha1 <http://html2canvas.hertzen.com>
   3 |   Copyright (c) 2015 Niklas von Hertzen
   4 | 
   5 |   Released under MIT License
   6 | */
   7 | 
   8 | (function(window, document, exports, global, define, undefined){
   9 | 
  10 | /*!
  11 |  * @overview es6-promise - a tiny implementation of Promises/A+.
  12 |  * @copyright Copyright (c) 2014 Yehuda Katz, Tom Dale, Stefan Penner and contributors (Conversion to ES6 API by Jake Archibald)
  13 |  * @license   Licensed under MIT license
  14 |  *            See https://raw.githubusercontent.com/jakearchibald/es6-promise/master/LICENSE
  15 |  * @version   2.0.1
  16 |  */
  17 | 
  18 | (function(){function r(a,b){n[l]=a;n[l+1]=b;l+=2;2===l&&A()}function s(a){return"function"===typeof a}function F(){return function(){process.nextTick(t)}}function G(){var a=0,b=new B(t),c=document.createTextNode("");b.observe(c,{characterData:!0});return function(){c.data=a=++a%2}}function H(){var a=new MessageChannel;a.port1.onmessage=t;return function(){a.port2.postMessage(0)}}function I(){return function(){setTimeout(t,1)}}function t(){for(var a=0;a<l;a+=2)(0,n[a])(n[a+1]),n[a]=void 0,n[a+1]=void 0;
  19 | l=0}function p(){}function J(a,b,c,d){try{a.call(b,c,d)}catch(e){return e}}function K(a,b,c){r(function(a){var e=!1,f=J(c,b,function(c){e||(e=!0,b!==c?q(a,c):m(a,c))},function(b){e||(e=!0,g(a,b))});!e&&f&&(e=!0,g(a,f))},a)}function L(a,b){1===b.a?m(a,b.b):2===a.a?g(a,b.b):u(b,void 0,function(b){q(a,b)},function(b){g(a,b)})}function q(a,b){if(a===b)g(a,new TypeError("You cannot resolve a promise with itself"));else if("function"===typeof b||"object"===typeof b&&null!==b)if(b.constructor===a.constructor)L(a,
  20 | b);else{var c;try{c=b.then}catch(d){v.error=d,c=v}c===v?g(a,v.error):void 0===c?m(a,b):s(c)?K(a,b,c):m(a,b)}else m(a,b)}function M(a){a.f&&a.f(a.b);x(a)}function m(a,b){void 0===a.a&&(a.b=b,a.a=1,0!==a.e.length&&r(x,a))}function g(a,b){void 0===a.a&&(a.a=2,a.b=b,r(M,a))}function u(a,b,c,d){var e=a.e,f=e.length;a.f=null;e[f]=b;e[f+1]=c;e[f+2]=d;0===f&&a.a&&r(x,a)}function x(a){var b=a.e,c=a.a;if(0!==b.length){for(var d,e,f=a.b,g=0;g<b.length;g+=3)d=b[g],e=b[g+c],d?C(c,d,e,f):e(f);a.e.length=0}}function D(){this.error=
  21 | null}function C(a,b,c,d){var e=s(c),f,k,h,l;if(e){try{f=c(d)}catch(n){y.error=n,f=y}f===y?(l=!0,k=f.error,f=null):h=!0;if(b===f){g(b,new TypeError("A promises callback cannot return that same promise."));return}}else f=d,h=!0;void 0===b.a&&(e&&h?q(b,f):l?g(b,k):1===a?m(b,f):2===a&&g(b,f))}function N(a,b){try{b(function(b){q(a,b)},function(b){g(a,b)})}catch(c){g(a,c)}}function k(a,b,c,d){this.n=a;this.c=new a(p,d);this.i=c;this.o(b)?(this.m=b,this.d=this.length=b.length,this.l(),0===this.length?m(this.c,
  22 | this.b):(this.length=this.length||0,this.k(),0===this.d&&m(this.c,this.b))):g(this.c,this.p())}function h(a){O++;this.b=this.a=void 0;this.e=[];if(p!==a){if(!s(a))throw new TypeError("You must pass a resolver function as the first argument to the promise constructor");if(!(this instanceof h))throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");N(this,a)}}var E=Array.isArray?Array.isArray:function(a){return"[object Array]"===
  23 | Object.prototype.toString.call(a)},l=0,w="undefined"!==typeof window?window:{},B=w.MutationObserver||w.WebKitMutationObserver,w="undefined"!==typeof Uint8ClampedArray&&"undefined"!==typeof importScripts&&"undefined"!==typeof MessageChannel,n=Array(1E3),A;A="undefined"!==typeof process&&"[object process]"==={}.toString.call(process)?F():B?G():w?H():I();var v=new D,y=new D;k.prototype.o=function(a){return E(a)};k.prototype.p=function(){return Error("Array Methods must be provided an Array")};k.prototype.l=
  24 | function(){this.b=Array(this.length)};k.prototype.k=function(){for(var a=this.length,b=this.c,c=this.m,d=0;void 0===b.a&&d<a;d++)this.j(c[d],d)};k.prototype.j=function(a,b){var c=this.n;"object"===typeof a&&null!==a?a.constructor===c&&void 0!==a.a?(a.f=null,this.g(a.a,b,a.b)):this.q(c.resolve(a),b):(this.d--,this.b[b]=this.h(a))};k.prototype.g=function(a,b,c){var d=this.c;void 0===d.a&&(this.d--,this.i&&2===a?g(d,c):this.b[b]=this.h(c));0===this.d&&m(d,this.b)};k.prototype.h=function(a){return a};
  25 | k.prototype.q=function(a,b){var c=this;u(a,void 0,function(a){c.g(1,b,a)},function(a){c.g(2,b,a)})};var O=0;h.all=function(a,b){return(new k(this,a,!0,b)).c};h.race=function(a,b){function c(a){q(e,a)}function d(a){g(e,a)}var e=new this(p,b);if(!E(a))return (g(e,new TypeError("You must pass an array to race.")), e);for(var f=a.length,h=0;void 0===e.a&&h<f;h++)u(this.resolve(a[h]),void 0,c,d);return e};h.resolve=function(a,b){if(a&&"object"===typeof a&&a.constructor===this)return a;var c=new this(p,b);
  26 | q(c,a);return c};h.reject=function(a,b){var c=new this(p,b);g(c,a);return c};h.prototype={constructor:h,then:function(a,b){var c=this.a;if(1===c&&!a||2===c&&!b)return this;var d=new this.constructor(p),e=this.b;if(c){var f=arguments[c-1];r(function(){C(c,d,f,e)})}else u(this,d,a,b);return d},"catch":function(a){return this.then(null,a)}};var z={Promise:h,polyfill:function(){var a;a="undefined"!==typeof global?global:"undefined"!==typeof window&&window.document?window:self;"Promise"in a&&"resolve"in
  27 | a.Promise&&"reject"in a.Promise&&"all"in a.Promise&&"race"in a.Promise&&function(){var b;new a.Promise(function(a){b=a});return s(b)}()||(a.Promise=h)}};"function"===typeof define&&define.amd?define(function(){return z}):"undefined"!==typeof module&&module.exports?module.exports=z:"undefined"!==typeof this&&(this.ES6Promise=z);}).call(window);
  28 | if (window) {
  29 |     window.ES6Promise.polyfill();
  30 | }
  31 | 
  32 | 
  33 | if (typeof(document) === "undefined" || typeof(Object.create) !== "function" || typeof(document.createElement("canvas").getContext) !== "function") {
  34 |     (window || module.exports).html2canvas = function() {
  35 |         return Promise.reject("No canvas support");
  36 |     };
  37 |     return;
  38 | }
  39 | 
  40 | /*! https://mths.be/punycode v1.3.1 by @mathias */
  41 | ;(function(root) {
  42 | 
  43 | 	/** Detect free variables */
  44 | 	var freeExports = typeof exports == 'object' && exports &&
  45 | 		!exports.nodeType && exports;
  46 | 	var freeModule = typeof module == 'object' && module &&
  47 | 		!module.nodeType && module;
  48 | 	var freeGlobal = typeof global == 'object' && global;
  49 | 	if (
  50 | 		freeGlobal.global === freeGlobal ||
  51 | 		freeGlobal.window === freeGlobal ||
  52 | 		freeGlobal.self === freeGlobal
  53 | 	) {
  54 | 		root = freeGlobal;
  55 | 	}
  56 | 
  57 | 	/**
  58 | 	 * The `punycode` object.
  59 | 	 * @name punycode
  60 | 	 * @type Object
  61 | 	 */
  62 | 	var punycode,
  63 | 
  64 | 	/** Highest positive signed 32-bit float value */
  65 | 	maxInt = 2147483647, // aka. 0x7FFFFFFF or 2^31-1
  66 | 
  67 | 	/** Bootstring parameters */
  68 | 	base = 36,
  69 | 	tMin = 1,
  70 | 	tMax = 26,
  71 | 	skew = 38,
  72 | 	damp = 700,
  73 | 	initialBias = 72,
  74 | 	initialN = 128, // 0x80
  75 | 	delimiter = '-', // '\x2D'
  76 | 
  77 | 	/** Regular expressions */
  78 | 	regexPunycode = /^xn--/,
  79 | 	regexNonASCII = /[^\x20-\x7E]/, // unprintable ASCII chars + non-ASCII chars
  80 | 	regexSeparators = /[\x2E\u3002\uFF0E\uFF61]/g, // RFC 3490 separators
  81 | 
  82 | 	/** Error messages */
  83 | 	errors = {
  84 | 		'overflow': 'Overflow: input needs wider integers to process',
  85 | 		'not-basic': 'Illegal input >= 0x80 (not a basic code point)',
  86 | 		'invalid-input': 'Invalid input'
  87 | 	},
  88 | 
  89 | 	/** Convenience shortcuts */
  90 | 	baseMinusTMin = base - tMin,
  91 | 	floor = Math.floor,
  92 | 	stringFromCharCode = String.fromCharCode,
  93 | 
  94 | 	/** Temporary variable */
  95 | 	key;
  96 | 
  97 | 	/*--------------------------------------------------------------------------*/
  98 | 
  99 | 	/**
 100 | 	 * A generic error utility function.
 101 | 	 * @private
 102 | 	 * @param {String} type The error type.
 103 | 	 * @returns {Error} Throws a `RangeError` with the applicable error message.
 104 | 	 */
 105 | 	function error(type) {
 106 | 		throw RangeError(errors[type]);
 107 | 	}
 108 | 
 109 | 	/**
 110 | 	 * A generic `Array#map` utility function.
 111 | 	 * @private
 112 | 	 * @param {Array} array The array to iterate over.
 113 | 	 * @param {Function} callback The function that gets called for every array
 114 | 	 * item.
 115 | 	 * @returns {Array} A new array of values returned by the callback function.
 116 | 	 */
 117 | 	function map(array, fn) {
 118 | 		var length = array.length;
 119 | 		var result = [];
 120 | 		while (length--) {
 121 | 			result[length] = fn(array[length]);
 122 | 		}
 123 | 		return result;
 124 | 	}
 125 | 
 126 | 	/**
 127 | 	 * A simple `Array#map`-like wrapper to work with domain name strings or email
 128 | 	 * addresses.
 129 | 	 * @private
 130 | 	 * @param {String} domain The domain name or email address.
 131 | 	 * @param {Function} callback The function that gets called for every
 132 | 	 * character.
 133 | 	 * @returns {Array} A new string of characters returned by the callback
 134 | 	 * function.
 135 | 	 */
 136 | 	function mapDomain(string, fn) {
 137 | 		var parts = string.split('@');
 138 | 		var result = '';
 139 | 		if (parts.length > 1) {
 140 | 			// In email addresses, only the domain name should be punycoded. Leave
 141 | 			// the local part (i.e. everything up to `@`) intact.
 142 | 			result = parts[0] + '@';
 143 | 			string = parts[1];
 144 | 		}
 145 | 		var labels = string.split(regexSeparators);
 146 | 		var encoded = map(labels, fn).join('.');
 147 | 		return result + encoded;
 148 | 	}
 149 | 
 150 | 	/**
 151 | 	 * Creates an array containing the numeric code points of each Unicode
 152 | 	 * character in the string. While JavaScript uses UCS-2 internally,
 153 | 	 * this function will convert a pair of surrogate halves (each of which
 154 | 	 * UCS-2 exposes as separate characters) into a single code point,
 155 | 	 * matching UTF-16.
 156 | 	 * @see `punycode.ucs2.encode`
 157 | 	 * @see <https://mathiasbynens.be/notes/javascript-encoding>
 158 | 	 * @memberOf punycode.ucs2
 159 | 	 * @name decode
 160 | 	 * @param {String} string The Unicode input string (UCS-2).
 161 | 	 * @returns {Array} The new array of code points.
 162 | 	 */
 163 | 	function ucs2decode(string) {
 164 | 		var output = [],
 165 | 		    counter = 0,
 166 | 		    length = string.length,
 167 | 		    value,
 168 | 		    extra;
 169 | 		while (counter < length) {
 170 | 			value = string.charCodeAt(counter++);
 171 | 			if (value >= 0xD800 && value <= 0xDBFF && counter < length) {
 172 | 				// high surrogate, and there is a next character
 173 | 				extra = string.charCodeAt(counter++);
 174 | 				if ((extra & 0xFC00) == 0xDC00) { // low surrogate
 175 | 					output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);
 176 | 				} else {
 177 | 					// unmatched surrogate; only append this code unit, in case the next
 178 | 					// code unit is the high surrogate of a surrogate pair
 179 | 					output.push(value);
 180 | 					counter--;
 181 | 				}
 182 | 			} else {
 183 | 				output.push(value);
 184 | 			}
 185 | 		}
 186 | 		return output;
 187 | 	}
 188 | 
 189 | 	/**
 190 | 	 * Creates a string based on an array of numeric code points.
 191 | 	 * @see `punycode.ucs2.decode`
 192 | 	 * @memberOf punycode.ucs2
 193 | 	 * @name encode
 194 | 	 * @param {Array} codePoints The array of numeric code points.
 195 | 	 * @returns {String} The new Unicode string (UCS-2).
 196 | 	 */
 197 | 	function ucs2encode(array) {
 198 | 		return map(array, function(value) {
 199 | 			var output = '';
 200 | 			if (value > 0xFFFF) {
 201 | 				value -= 0x10000;
 202 | 				output += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);
 203 | 				value = 0xDC00 | value & 0x3FF;
 204 | 			}
 205 | 			output += stringFromCharCode(value);
 206 | 			return output;
 207 | 		}).join('');
 208 | 	}
 209 | 
 210 | 	/**
 211 | 	 * Converts a basic code point into a digit/integer.
 212 | 	 * @see `digitToBasic()`
 213 | 	 * @private
 214 | 	 * @param {Number} codePoint The basic numeric code point value.
 215 | 	 * @returns {Number} The numeric value of a basic code point (for use in
 216 | 	 * representing integers) in the range `0` to `base - 1`, or `base` if
 217 | 	 * the code point does not represent a value.
 218 | 	 */
 219 | 	function basicToDigit(codePoint) {
 220 | 		if (codePoint - 48 < 10) {
 221 | 			return codePoint - 22;
 222 | 		}
 223 | 		if (codePoint - 65 < 26) {
 224 | 			return codePoint - 65;
 225 | 		}
 226 | 		if (codePoint - 97 < 26) {
 227 | 			return codePoint - 97;
 228 | 		}
 229 | 		return base;
 230 | 	}
 231 | 
 232 | 	/**
 233 | 	 * Converts a digit/integer into a basic code point.
 234 | 	 * @see `basicToDigit()`
 235 | 	 * @private
 236 | 	 * @param {Number} digit The numeric value of a basic code point.
 237 | 	 * @returns {Number} The basic code point whose value (when used for
 238 | 	 * representing integers) is `digit`, which needs to be in the range
 239 | 	 * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is
 240 | 	 * used; else, the lowercase form is used. The behavior is undefined
 241 | 	 * if `flag` is non-zero and `digit` has no uppercase form.
 242 | 	 */
 243 | 	function digitToBasic(digit, flag) {
 244 | 		//  0..25 map to ASCII a..z or A..Z
 245 | 		// 26..35 map to ASCII 0..9
 246 | 		return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);
 247 | 	}
 248 | 
 249 | 	/**
 250 | 	 * Bias adaptation function as per section 3.4 of RFC 3492.
 251 | 	 * http://tools.ietf.org/html/rfc3492#section-3.4
 252 | 	 * @private
 253 | 	 */
 254 | 	function adapt(delta, numPoints, firstTime) {
 255 | 		var k = 0;
 256 | 		delta = firstTime ? floor(delta / damp) : delta >> 1;
 257 | 		delta += floor(delta / numPoints);
 258 | 		for (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {
 259 | 			delta = floor(delta / baseMinusTMin);
 260 | 		}
 261 | 		return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));
 262 | 	}
 263 | 
 264 | 	/**
 265 | 	 * Converts a Punycode string of ASCII-only symbols to a string of Unicode
 266 | 	 * symbols.
 267 | 	 * @memberOf punycode
 268 | 	 * @param {String} input The Punycode string of ASCII-only symbols.
 269 | 	 * @returns {String} The resulting string of Unicode symbols.
 270 | 	 */
 271 | 	function decode(input) {
 272 | 		// Don't use UCS-2
 273 | 		var output = [],
 274 | 		    inputLength = input.length,
 275 | 		    out,
 276 | 		    i = 0,
 277 | 		    n = initialN,
 278 | 		    bias = initialBias,
 279 | 		    basic,
 280 | 		    j,
 281 | 		    index,
 282 | 		    oldi,
 283 | 		    w,
 284 | 		    k,
 285 | 		    digit,
 286 | 		    t,
 287 | 		    /** Cached calculation results */
 288 | 		    baseMinusT;
 289 | 
 290 | 		// Handle the basic code points: let `basic` be the number of input code
 291 | 		// points before the last delimiter, or `0` if there is none, then copy
 292 | 		// the first basic code points to the output.
 293 | 
 294 | 		basic = input.lastIndexOf(delimiter);
 295 | 		if (basic < 0) {
 296 | 			basic = 0;
 297 | 		}
 298 | 
 299 | 		for (j = 0; j < basic; ++j) {
 300 | 			// if it's not a basic code point
 301 | 			if (input.charCodeAt(j) >= 0x80) {
 302 | 				error('not-basic');
 303 | 			}
 304 | 			output.push(input.charCodeAt(j));
 305 | 		}
 306 | 
 307 | 		// Main decoding loop: start just after the last delimiter if any basic code
 308 | 		// points were copied; start at the beginning otherwise.
 309 | 
 310 | 		for (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {
 311 | 
 312 | 			// `index` is the index of the next character to be consumed.
 313 | 			// Decode a generalized variable-length integer into `delta`,
 314 | 			// which gets added to `i`. The overflow checking is easier
 315 | 			// if we increase `i` as we go, then subtract off its starting
 316 | 			// value at the end to obtain `delta`.
 317 | 			for (oldi = i, w = 1, k = base; /* no condition */; k += base) {
 318 | 
 319 | 				if (index >= inputLength) {
 320 | 					error('invalid-input');
 321 | 				}
 322 | 
 323 | 				digit = basicToDigit(input.charCodeAt(index++));
 324 | 
 325 | 				if (digit >= base || digit > floor((maxInt - i) / w)) {
 326 | 					error('overflow');
 327 | 				}
 328 | 
 329 | 				i += digit * w;
 330 | 				t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
 331 | 
 332 | 				if (digit < t) {
 333 | 					break;
 334 | 				}
 335 | 
 336 | 				baseMinusT = base - t;
 337 | 				if (w > floor(maxInt / baseMinusT)) {
 338 | 					error('overflow');
 339 | 				}
 340 | 
 341 | 				w *= baseMinusT;
 342 | 
 343 | 			}
 344 | 
 345 | 			out = output.length + 1;
 346 | 			bias = adapt(i - oldi, out, oldi == 0);
 347 | 
 348 | 			// `i` was supposed to wrap around from `out` to `0`,
 349 | 			// incrementing `n` each time, so we'll fix that now:
 350 | 			if (floor(i / out) > maxInt - n) {
 351 | 				error('overflow');
 352 | 			}
 353 | 
 354 | 			n += floor(i / out);
 355 | 			i %= out;
 356 | 
 357 | 			// Insert `n` at position `i` of the output
 358 | 			output.splice(i++, 0, n);
 359 | 
 360 | 		}
 361 | 
 362 | 		return ucs2encode(output);
 363 | 	}
 364 | 
 365 | 	/**
 366 | 	 * Converts a string of Unicode symbols (e.g. a domain name label) to a
 367 | 	 * Punycode string of ASCII-only symbols.
 368 | 	 * @memberOf punycode
 369 | 	 * @param {String} input The string of Unicode symbols.
 370 | 	 * @returns {String} The resulting Punycode string of ASCII-only symbols.
 371 | 	 */
 372 | 	function encode(input) {
 373 | 		var n,
 374 | 		    delta,
 375 | 		    handledCPCount,
 376 | 		    basicLength,
 377 | 		    bias,
 378 | 		    j,
 379 | 		    m,
 380 | 		    q,
 381 | 		    k,
 382 | 		    t,
 383 | 		    currentValue,
 384 | 		    output = [],
 385 | 		    /** `inputLength` will hold the number of code points in `input`. */
 386 | 		    inputLength,
 387 | 		    /** Cached calculation results */
 388 | 		    handledCPCountPlusOne,
 389 | 		    baseMinusT,
 390 | 		    qMinusT;
 391 | 
 392 | 		// Convert the input in UCS-2 to Unicode
 393 | 		input = ucs2decode(input);
 394 | 
 395 | 		// Cache the length
 396 | 		inputLength = input.length;
 397 | 
 398 | 		// Initialize the state
 399 | 		n = initialN;
 400 | 		delta = 0;
 401 | 		bias = initialBias;
 402 | 
 403 | 		// Handle the basic code points
 404 | 		for (j = 0; j < inputLength; ++j) {
 405 | 			currentValue = input[j];
 406 | 			if (currentValue < 0x80) {
 407 | 				output.push(stringFromCharCode(currentValue));
 408 | 			}
 409 | 		}
 410 | 
 411 | 		handledCPCount = basicLength = output.length;
 412 | 
 413 | 		// `handledCPCount` is the number of code points that have been handled;
 414 | 		// `basicLength` is the number of basic code points.
 415 | 
 416 | 		// Finish the basic string - if it is not empty - with a delimiter
 417 | 		if (basicLength) {
 418 | 			output.push(delimiter);
 419 | 		}
 420 | 
 421 | 		// Main encoding loop:
 422 | 		while (handledCPCount < inputLength) {
 423 | 
 424 | 			// All non-basic code points < n have been handled already. Find the next
 425 | 			// larger one:
 426 | 			for (m = maxInt, j = 0; j < inputLength; ++j) {
 427 | 				currentValue = input[j];
 428 | 				if (currentValue >= n && currentValue < m) {
 429 | 					m = currentValue;
 430 | 				}
 431 | 			}
 432 | 
 433 | 			// Increase `delta` enough to advance the decoder's <n,i> state to <m,0>,
 434 | 			// but guard against overflow
 435 | 			handledCPCountPlusOne = handledCPCount + 1;
 436 | 			if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {
 437 | 				error('overflow');
 438 | 			}
 439 | 
 440 | 			delta += (m - n) * handledCPCountPlusOne;
 441 | 			n = m;
 442 | 
 443 | 			for (j = 0; j < inputLength; ++j) {
 444 | 				currentValue = input[j];
 445 | 
 446 | 				if (currentValue < n && ++delta > maxInt) {
 447 | 					error('overflow');
 448 | 				}
 449 | 
 450 | 				if (currentValue == n) {
 451 | 					// Represent delta as a generalized variable-length integer
 452 | 					for (q = delta, k = base; /* no condition */; k += base) {
 453 | 						t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);
 454 | 						if (q < t) {
 455 | 							break;
 456 | 						}
 457 | 						qMinusT = q - t;
 458 | 						baseMinusT = base - t;
 459 | 						output.push(
 460 | 							stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))
 461 | 						);
 462 | 						q = floor(qMinusT / baseMinusT);
 463 | 					}
 464 | 
 465 | 					output.push(stringFromCharCode(digitToBasic(q, 0)));
 466 | 					bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);
 467 | 					delta = 0;
 468 | 					++handledCPCount;
 469 | 				}
 470 | 			}
 471 | 
 472 | 			++delta;
 473 | 			++n;
 474 | 
 475 | 		}
 476 | 		return output.join('');
 477 | 	}
 478 | 
 479 | 	/**
 480 | 	 * Converts a Punycode string representing a domain name or an email address
 481 | 	 * to Unicode. Only the Punycoded parts of the input will be converted, i.e.
 482 | 	 * it doesn't matter if you call it on a string that has already been
 483 | 	 * converted to Unicode.
 484 | 	 * @memberOf punycode
 485 | 	 * @param {String} input The Punycoded domain name or email address to
 486 | 	 * convert to Unicode.
 487 | 	 * @returns {String} The Unicode representation of the given Punycode
 488 | 	 * string.
 489 | 	 */
 490 | 	function toUnicode(input) {
 491 | 		return mapDomain(input, function(string) {
 492 | 			return regexPunycode.test(string)
 493 | 				? decode(string.slice(4).toLowerCase())
 494 | 				: string;
 495 | 		});
 496 | 	}
 497 | 
 498 | 	/**
 499 | 	 * Converts a Unicode string representing a domain name or an email address to
 500 | 	 * Punycode. Only the non-ASCII parts of the domain name will be converted,
 501 | 	 * i.e. it doesn't matter if you call it with a domain that's already in
 502 | 	 * ASCII.
 503 | 	 * @memberOf punycode
 504 | 	 * @param {String} input The domain name or email address to convert, as a
 505 | 	 * Unicode string.
 506 | 	 * @returns {String} The Punycode representation of the given domain name or
 507 | 	 * email address.
 508 | 	 */
 509 | 	function toASCII(input) {
 510 | 		return mapDomain(input, function(string) {
 511 | 			return regexNonASCII.test(string)
 512 | 				? 'xn--' + encode(string)
 513 | 				: string;
 514 | 		});
 515 | 	}
 516 | 
 517 | 	/*--------------------------------------------------------------------------*/
 518 | 
 519 | 	/** Define the public API */
 520 | 	punycode = {
 521 | 		/**
 522 | 		 * A string representing the current Punycode.js version number.
 523 | 		 * @memberOf punycode
 524 | 		 * @type String
 525 | 		 */
 526 | 		'version': '1.3.1',
 527 | 		/**
 528 | 		 * An object of methods to convert from JavaScript's internal character
 529 | 		 * representation (UCS-2) to Unicode code points, and back.
 530 | 		 * @see <https://mathiasbynens.be/notes/javascript-encoding>
 531 | 		 * @memberOf punycode
 532 | 		 * @type Object
 533 | 		 */
 534 | 		'ucs2': {
 535 | 			'decode': ucs2decode,
 536 | 			'encode': ucs2encode
 537 | 		},
 538 | 		'decode': decode,
 539 | 		'encode': encode,
 540 | 		'toASCII': toASCII,
 541 | 		'toUnicode': toUnicode
 542 | 	};
 543 | 
 544 | 	/** Expose `punycode` */
 545 | 	// Some AMD build optimizers, like r.js, check for specific condition patterns
 546 | 	// like the following:
 547 | 	if (
 548 | 		typeof define == 'function' &&
 549 | 		typeof define.amd == 'object' &&
 550 | 		define.amd
 551 | 	) {
 552 | 		define('punycode', function() {
 553 | 			return punycode;
 554 | 		});
 555 | 	} else if (freeExports && freeModule) {
 556 | 		if (module.exports == freeExports) { // in Node.js or RingoJS v0.8.0+
 557 | 			freeModule.exports = punycode;
 558 | 		} else { // in Narwhal or RingoJS v0.7.0-
 559 | 			for (key in punycode) {
 560 | 				punycode.hasOwnProperty(key) && (freeExports[key] = punycode[key]);
 561 | 			}
 562 | 		}
 563 | 	} else { // in Rhino or a web browser
 564 | 		root.punycode = punycode;
 565 | 	}
 566 | 
 567 | }(this));
 568 | 
 569 | var html2canvasNodeAttribute = "data-html2canvas-node";
 570 | var html2canvasCanvasCloneAttribute = "data-html2canvas-canvas-clone";
 571 | var html2canvasCanvasCloneIndex = 0;
 572 | var html2canvasCloneIndex = 0;
 573 | 
 574 | window.html2canvas = function(nodeList, options) {
 575 |     var index = html2canvasCloneIndex++;
 576 |     options = options || {};
 577 |     if (options.logging) {
 578 |         window.html2canvas.logging = true;
 579 |         window.html2canvas.start = Date.now();
 580 |     }
 581 | 
 582 |     options.async = typeof(options.async) === "undefined" ? true : options.async;
 583 |     options.allowTaint = typeof(options.allowTaint) === "undefined" ? false : options.allowTaint;
 584 |     options.removeContainer = typeof(options.removeContainer) === "undefined" ? true : options.removeContainer;
 585 |     options.javascriptEnabled = typeof(options.javascriptEnabled) === "undefined" ? false : options.javascriptEnabled;
 586 |     options.imageTimeout = typeof(options.imageTimeout) === "undefined" ? 10000 : options.imageTimeout;
 587 |     options.renderer = typeof(options.renderer) === "function" ? options.renderer : CanvasRenderer;
 588 |     options.strict = !!options.strict;
 589 | 
 590 |     if (typeof(nodeList) === "string") {
 591 |         if (typeof(options.proxy) !== "string") {
 592 |             return Promise.reject("Proxy must be used when rendering url");
 593 |         }
 594 |         var width = options.width != null ? options.width : window.innerWidth;
 595 |         var height = options.height != null ? options.height : window.innerHeight;
 596 |         return loadUrlDocument(absoluteUrl(nodeList), options.proxy, document, width, height, options).then(function(container) {
 597 |             return renderWindow(container.contentWindow.document.documentElement, container, options, width, height);
 598 |         });
 599 |     }
 600 | 
 601 |     var node = ((nodeList === undefined) ? [document.documentElement] : ((nodeList.length) ? nodeList : [nodeList]))[0];
 602 |     node.setAttribute(html2canvasNodeAttribute + index, index);
 603 |     return renderDocument(node.ownerDocument, options, node.ownerDocument.defaultView.innerWidth, node.ownerDocument.defaultView.innerHeight, index).then(function(canvas) {
 604 |         if (typeof(options.onrendered) === "function") {
 605 |             log("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas");
 606 |             options.onrendered(canvas);
 607 |         }
 608 |         return canvas;
 609 |     });
 610 | };
 611 | 
 612 | window.html2canvas.punycode = this.punycode;
 613 | window.html2canvas.proxy = {};
 614 | 
 615 | function renderDocument(document, options, windowWidth, windowHeight, html2canvasIndex) {
 616 |     return createWindowClone(document, document, windowWidth, windowHeight, options, document.defaultView.pageXOffset, document.defaultView.pageYOffset).then(function(container) {
 617 |         log("Document cloned");
 618 |         var attributeName = html2canvasNodeAttribute + html2canvasIndex;
 619 |         var selector = "[" + attributeName + "='" + html2canvasIndex + "']";
 620 |         document.querySelector(selector).removeAttribute(attributeName);
 621 |         var clonedWindow = container.contentWindow;
 622 |         var node = clonedWindow.document.querySelector(selector);
 623 |         var oncloneHandler = (typeof(options.onclone) === "function") ? Promise.resolve(options.onclone(clonedWindow.document)) : Promise.resolve(true);
 624 |         return oncloneHandler.then(function() {
 625 |             return renderWindow(node, container, options, windowWidth, windowHeight);
 626 |         });
 627 |     });
 628 | }
 629 | 
 630 | function renderWindow(node, container, options, windowWidth, windowHeight) {
 631 |     var clonedWindow = container.contentWindow;
 632 |     var support = new Support(clonedWindow.document);
 633 |     var imageLoader = new ImageLoader(options, support);
 634 |     var bounds = getBounds(node);
 635 |     var width = options.type === "view" ? windowWidth : documentWidth(clonedWindow.document);
 636 |     var height = options.type === "view" ? windowHeight : documentHeight(clonedWindow.document);
 637 |     var renderer = new options.renderer(width, height, imageLoader, options, document);
 638 |     var parser = new NodeParser(node, renderer, support, imageLoader, options);
 639 |     return parser.ready.then(function() {
 640 |         log("Finished rendering");
 641 |         var canvas;
 642 | 
 643 |         if (options.type === "view") {
 644 |             canvas = crop(renderer.canvas, {width: renderer.canvas.width, height: renderer.canvas.height, top: 0, left: 0, x: 0, y: 0});
 645 |         } else if (node === clonedWindow.document.body || node === clonedWindow.document.documentElement || options.canvas != null) {
 646 |             canvas = renderer.canvas;
 647 |         } else {
 648 |             canvas = crop(renderer.canvas, {width:  options.width != null ? options.width : bounds.width, height: options.height != null ? options.height : bounds.height, top: bounds.top, left: bounds.left, x: clonedWindow.pageXOffset, y: clonedWindow.pageYOffset});
 649 |         }
 650 | 
 651 |         cleanupContainer(container, options);
 652 |         return canvas;
 653 |     });
 654 | }
 655 | 
 656 | function cleanupContainer(container, options) {
 657 |     if (options.removeContainer) {
 658 |         container.parentNode.removeChild(container);
 659 |         log("Cleaned up container");
 660 |     }
 661 | }
 662 | 
 663 | function crop(canvas, bounds) {
 664 |     var croppedCanvas = document.createElement("canvas");
 665 |     var x1 = Math.min(canvas.width - 1, Math.max(0, bounds.left));
 666 |     var x2 = Math.min(canvas.width, Math.max(1, bounds.left + bounds.width));
 667 |     var y1 = Math.min(canvas.height - 1, Math.max(0, bounds.top));
 668 |     var y2 = Math.min(canvas.height, Math.max(1, bounds.top + bounds.height));
 669 |     croppedCanvas.width = bounds.width;
 670 |     croppedCanvas.height =  bounds.height;
 671 |     log("Cropping canvas at:", "left:", bounds.left, "top:", bounds.top, "width:", (x2-x1), "height:", (y2-y1));
 672 |     log("Resulting crop with width", bounds.width, "and height", bounds.height, " with x", x1, "and y", y1);
 673 |     croppedCanvas.getContext("2d").drawImage(canvas, x1, y1, x2-x1, y2-y1, bounds.x, bounds.y, x2-x1, y2-y1);
 674 |     return croppedCanvas;
 675 | }
 676 | 
 677 | function documentWidth (doc) {
 678 |     return Math.max(
 679 |         Math.max(doc.body.scrollWidth, doc.documentElement.scrollWidth),
 680 |         Math.max(doc.body.offsetWidth, doc.documentElement.offsetWidth),
 681 |         Math.max(doc.body.clientWidth, doc.documentElement.clientWidth)
 682 |     );
 683 | }
 684 | 
 685 | function documentHeight (doc) {
 686 |     return Math.max(
 687 |         Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight),
 688 |         Math.max(doc.body.offsetHeight, doc.documentElement.offsetHeight),
 689 |         Math.max(doc.body.clientHeight, doc.documentElement.clientHeight)
 690 |     );
 691 | }
 692 | 
 693 | function smallImage() {
 694 |     return "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 695 | }
 696 | 
 697 | function isIE9() {
 698 |     return document.documentMode && document.documentMode <= 9;
 699 | }
 700 | 
 701 | // https://github.com/niklasvh/html2canvas/issues/503
 702 | function cloneNodeIE9(node, javascriptEnabled) {
 703 |     var clone = node.nodeType === 3 ? document.createTextNode(node.nodeValue) : node.cloneNode(false);
 704 | 
 705 |     var child = node.firstChild;
 706 |     while(child) {
 707 |         if (javascriptEnabled === true || child.nodeType !== 1 || child.nodeName !== 'SCRIPT') {
 708 |             clone.appendChild(cloneNodeIE9(child, javascriptEnabled));
 709 |         }
 710 |         child = child.nextSibling;
 711 |     }
 712 | 
 713 |     return clone;
 714 | }
 715 | 
 716 | function createWindowClone(ownerDocument, containerDocument, width, height, options, x ,y) {
 717 |     labelCanvasElements(ownerDocument);
 718 |     var documentElement = isIE9() ? cloneNodeIE9(ownerDocument.documentElement, options.javascriptEnabled) : ownerDocument.documentElement.cloneNode(true);
 719 |     var container = containerDocument.createElement("iframe");
 720 | 
 721 |     container.className = "html2canvas-container";
 722 |     container.style.visibility = "hidden";
 723 |     container.style.position = "fixed";
 724 |     container.style.left = "-10000px";
 725 |     container.style.top = "0px";
 726 |     container.style.border = "0";
 727 |     container.width = width;
 728 |     container.height = height;
 729 |     container.scrolling = "no"; // ios won't scroll without it
 730 |     containerDocument.body.appendChild(container);
 731 | 
 732 |     return new Promise(function(resolve) {
 733 |         var documentClone = container.contentWindow.document;
 734 | 
 735 |         cloneNodeValues(ownerDocument.documentElement, documentElement, "textarea");
 736 |         cloneNodeValues(ownerDocument.documentElement, documentElement, "select");
 737 | 
 738 |         /* Chrome doesn't detect relative background-images assigned in inline <style> sheets when fetched through getComputedStyle
 739 |          if window url is about:blank, we can assign the url to current by writing onto the document
 740 |          */
 741 |         container.contentWindow.onload = container.onload = function() {
 742 |             var interval = setInterval(function() {
 743 |                 if (documentClone.body.childNodes.length > 0) {
 744 |                     cloneCanvasContents(ownerDocument, documentClone);
 745 |                     clearInterval(interval);
 746 |                     if (options.type === "view") {
 747 |                         container.contentWindow.scrollTo(x, y);
 748 |                     }
 749 |                     resolve(container);
 750 |                 }
 751 |             }, 50);
 752 |         };
 753 | 
 754 |         documentClone.open();
 755 |         documentClone.write("<!DOCTYPE html><html></html>");
 756 |         // Chrome scrolls the parent document for some reason after the write to the cloned window???
 757 |         restoreOwnerScroll(ownerDocument, x, y);
 758 |         documentClone.replaceChild(options.javascriptEnabled === true ? documentClone.adoptNode(documentElement) : removeScriptNodes(documentClone.adoptNode(documentElement)), documentClone.documentElement);
 759 |         documentClone.close();
 760 |     });
 761 | }
 762 | 
 763 | function cloneNodeValues(document, clone, nodeName) {
 764 |     var originalNodes = document.getElementsByTagName(nodeName);
 765 |     var clonedNodes = clone.getElementsByTagName(nodeName);
 766 |     var count = originalNodes.length;
 767 |     for (var i = 0; i < count; i++) {
 768 |         clonedNodes[i].value = originalNodes[i].value;
 769 |     }
 770 | }
 771 | 
 772 | function restoreOwnerScroll(ownerDocument, x, y) {
 773 |     if (ownerDocument.defaultView && (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {
 774 |         ownerDocument.defaultView.scrollTo(x, y);
 775 |     }
 776 | }
 777 | 
 778 | function loadUrlDocument(src, proxy, document, width, height, options) {
 779 |     return new Proxy(src, proxy, window.document).then(documentFromHTML(src)).then(function(doc) {
 780 |         return createWindowClone(doc, document, width, height, options, 0, 0);
 781 |     });
 782 | }
 783 | 
 784 | function documentFromHTML(src) {
 785 |     return function(html) {
 786 |         var parser = new DOMParser(), doc;
 787 |         try {
 788 |             doc = parser.parseFromString(html, "text/html");
 789 |         } catch(e) {
 790 |             log("DOMParser not supported, falling back to createHTMLDocument");
 791 |             doc = document.implementation.createHTMLDocument("");
 792 |             try {
 793 |                 doc.open();
 794 |                 doc.write(html);
 795 |                 doc.close();
 796 |             } catch(ee) {
 797 |                 log("createHTMLDocument write not supported, falling back to document.body.innerHTML");
 798 |                 doc.body.innerHTML = html; // ie9 doesnt support writing to documentElement
 799 |             }
 800 |         }
 801 | 
 802 |         var b = doc.querySelector("base");
 803 |         if (!b || !b.href.host) {
 804 |             var base = doc.createElement("base");
 805 |             base.href = src;
 806 |             doc.head.insertBefore(base, doc.head.firstChild);
 807 |         }
 808 | 
 809 |         return doc;
 810 |     };
 811 | }
 812 | 
 813 | 
 814 | function labelCanvasElements(ownerDocument) {
 815 |     [].slice.call(ownerDocument.querySelectorAll("canvas"), 0).forEach(function(canvas) {
 816 |         canvas.setAttribute(html2canvasCanvasCloneAttribute, "canvas-" + html2canvasCanvasCloneIndex++);
 817 |     });
 818 | }
 819 | 
 820 | function cloneCanvasContents(ownerDocument, documentClone) {
 821 |     [].slice.call(ownerDocument.querySelectorAll("[" + html2canvasCanvasCloneAttribute + "]"), 0).forEach(function(canvas) {
 822 |         try {
 823 |             var clonedCanvas = documentClone.querySelector('[' + html2canvasCanvasCloneAttribute + '="' + canvas.getAttribute(html2canvasCanvasCloneAttribute) + '"]');
 824 |             if (clonedCanvas) {
 825 |                 clonedCanvas.width = canvas.width;
 826 |                 clonedCanvas.height = canvas.height;
 827 |                 clonedCanvas.getContext("2d").putImageData(canvas.getContext("2d").getImageData(0, 0, canvas.width, canvas.height), 0, 0);
 828 |             }
 829 |         } catch(e) {
 830 |             log("Unable to copy canvas content from", canvas, e);
 831 |         }
 832 |         canvas.removeAttribute(html2canvasCanvasCloneAttribute);
 833 |     });
 834 | }
 835 | 
 836 | function removeScriptNodes(parent) {
 837 |     [].slice.call(parent.childNodes, 0).filter(isElementNode).forEach(function(node) {
 838 |         if (node.tagName === "SCRIPT") {
 839 |             parent.removeChild(node);
 840 |         } else {
 841 |             removeScriptNodes(node);
 842 |         }
 843 |     });
 844 |     return parent;
 845 | }
 846 | 
 847 | function isElementNode(node) {
 848 |     return node.nodeType === Node.ELEMENT_NODE;
 849 | }
 850 | 
 851 | function absoluteUrl(url) {
 852 |     var link = document.createElement("a");
 853 |     link.href = url;
 854 |     link.href = link.href;
 855 |     return link;
 856 | }
 857 | 
 858 | // http://dev.w3.org/csswg/css-color/
 859 | 
 860 | function Color(value) {
 861 |     this.r = 0;
 862 |     this.g = 0;
 863 |     this.b = 0;
 864 |     this.a = null;
 865 |     var result = this.fromArray(value) ||
 866 |         this.namedColor(value) ||
 867 |         this.rgb(value) ||
 868 |         this.rgba(value) ||
 869 |         this.hex6(value) ||
 870 |         this.hex3(value);
 871 | }
 872 | 
 873 | Color.prototype.darken = function(amount) {
 874 |     var a = 1 - amount;
 875 |     return  new Color([
 876 |         Math.round(this.r * a),
 877 |         Math.round(this.g * a),
 878 |         Math.round(this.b * a),
 879 |         this.a
 880 |     ]);
 881 | };
 882 | 
 883 | Color.prototype.isTransparent = function() {
 884 |     return this.a === 0;
 885 | };
 886 | 
 887 | Color.prototype.isBlack = function() {
 888 |     return this.r === 0 && this.g === 0 && this.b === 0;
 889 | };
 890 | 
 891 | Color.prototype.fromArray = function(array) {
 892 |     if (Array.isArray(array)) {
 893 |         this.r = Math.min(array[0], 255);
 894 |         this.g = Math.min(array[1], 255);
 895 |         this.b = Math.min(array[2], 255);
 896 |         if (array.length > 3) {
 897 |             this.a = array[3];
 898 |         }
 899 |     }
 900 | 
 901 |     return (Array.isArray(array));
 902 | };
 903 | 
 904 | var _hex3 = /^#([a-f0-9]{3})$/i;
 905 | 
 906 | Color.prototype.hex3 = function(value) {
 907 |     var match = null;
 908 |     if ((match = value.match(_hex3)) !== null) {
 909 |         this.r = parseInt(match[1][0] + match[1][0], 16);
 910 |         this.g = parseInt(match[1][1] + match[1][1], 16);
 911 |         this.b = parseInt(match[1][2] + match[1][2], 16);
 912 |     }
 913 |     return match !== null;
 914 | };
 915 | 
 916 | var _hex6 = /^#([a-f0-9]{6})$/i;
 917 | 
 918 | Color.prototype.hex6 = function(value) {
 919 |     var match = null;
 920 |     if ((match = value.match(_hex6)) !== null) {
 921 |         this.r = parseInt(match[1].substring(0, 2), 16);
 922 |         this.g = parseInt(match[1].substring(2, 4), 16);
 923 |         this.b = parseInt(match[1].substring(4, 6), 16);
 924 |     }
 925 |     return match !== null;
 926 | };
 927 | 
 928 | 
 929 | var _rgb = /^rgb\((\d{1,3}) *, *(\d{1,3}) *, *(\d{1,3})\)$/;
 930 | 
 931 | Color.prototype.rgb = function(value) {
 932 |     var match = null;
 933 |     if ((match = value.match(_rgb)) !== null) {
 934 |         this.r = Number(match[1]);
 935 |         this.g = Number(match[2]);
 936 |         this.b = Number(match[3]);
 937 |     }
 938 |     return match !== null;
 939 | };
 940 | 
 941 | var _rgba = /^rgba\((\d{1,3}) *, *(\d{1,3}) *, *(\d{1,3}) *, *(\d+\.?\d*)\)$/;
 942 | 
 943 | Color.prototype.rgba = function(value) {
 944 |     var match = null;
 945 |     if ((match = value.match(_rgba)) !== null) {
 946 |         this.r = Number(match[1]);
 947 |         this.g = Number(match[2]);
 948 |         this.b = Number(match[3]);
 949 |         this.a = Number(match[4]);
 950 |     }
 951 |     return match !== null;
 952 | };
 953 | 
 954 | Color.prototype.toString = function() {
 955 |     return this.a !== null && this.a !== 1 ?
 956 |     "rgba(" + [this.r, this.g, this.b, this.a].join(",") + ")" :
 957 |     "rgb(" + [this.r, this.g, this.b].join(",") + ")";
 958 | };
 959 | 
 960 | Color.prototype.namedColor = function(value) {
 961 |     var color = colors[value.toLowerCase()];
 962 |     if (color) {
 963 |         this.r = color[0];
 964 |         this.g = color[1];
 965 |         this.b = color[2];
 966 |     } else if (value.toLowerCase() === "transparent") {
 967 |         this.r = this.g = this.b = this.a = 0;
 968 |         return true;
 969 |     }
 970 | 
 971 |     return !!color;
 972 | };
 973 | 
 974 | Color.prototype.isColor = true;
 975 | 
 976 | // JSON.stringify([].slice.call($$('.named-color-table tr'), 1).map(function(row) { return [row.childNodes[3].textContent, row.childNodes[5].textContent.trim().split(",").map(Number)] }).reduce(function(data, row) {data[row[0]] = row[1]; return data}, {}))
 977 | var colors = {
 978 |     "aliceblue": [240, 248, 255],
 979 |     "antiquewhite": [250, 235, 215],
 980 |     "aqua": [0, 255, 255],
 981 |     "aquamarine": [127, 255, 212],
 982 |     "azure": [240, 255, 255],
 983 |     "beige": [245, 245, 220],
 984 |     "bisque": [255, 228, 196],
 985 |     "black": [0, 0, 0],
 986 |     "blanchedalmond": [255, 235, 205],
 987 |     "blue": [0, 0, 255],
 988 |     "blueviolet": [138, 43, 226],
 989 |     "brown": [165, 42, 42],
 990 |     "burlywood": [222, 184, 135],
 991 |     "cadetblue": [95, 158, 160],
 992 |     "chartreuse": [127, 255, 0],
 993 |     "chocolate": [210, 105, 30],
 994 |     "coral": [255, 127, 80],
 995 |     "cornflowerblue": [100, 149, 237],
 996 |     "cornsilk": [255, 248, 220],
 997 |     "crimson": [220, 20, 60],
 998 |     "cyan": [0, 255, 255],
 999 |     "darkblue": [0, 0, 139],
1000 |     "darkcyan": [0, 139, 139],
1001 |     "darkgoldenrod": [184, 134, 11],
1002 |     "darkgray": [169, 169, 169],
1003 |     "darkgreen": [0, 100, 0],
1004 |     "darkgrey": [169, 169, 169],
1005 |     "darkkhaki": [189, 183, 107],
1006 |     "darkmagenta": [139, 0, 139],
1007 |     "darkolivegreen": [85, 107, 47],
1008 |     "darkorange": [255, 140, 0],
1009 |     "darkorchid": [153, 50, 204],
1010 |     "darkred": [139, 0, 0],
1011 |     "darksalmon": [233, 150, 122],
1012 |     "darkseagreen": [143, 188, 143],
1013 |     "darkslateblue": [72, 61, 139],
1014 |     "darkslategray": [47, 79, 79],
1015 |     "darkslategrey": [47, 79, 79],
1016 |     "darkturquoise": [0, 206, 209],
1017 |     "darkviolet": [148, 0, 211],
1018 |     "deeppink": [255, 20, 147],
1019 |     "deepskyblue": [0, 191, 255],
1020 |     "dimgray": [105, 105, 105],
1021 |     "dimgrey": [105, 105, 105],
1022 |     "dodgerblue": [30, 144, 255],
1023 |     "firebrick": [178, 34, 34],
1024 |     "floralwhite": [255, 250, 240],
1025 |     "forestgreen": [34, 139, 34],
1026 |     "fuchsia": [255, 0, 255],
1027 |     "gainsboro": [220, 220, 220],
1028 |     "ghostwhite": [248, 248, 255],
1029 |     "gold": [255, 215, 0],
1030 |     "goldenrod": [218, 165, 32],
1031 |     "gray": [128, 128, 128],
1032 |     "green": [0, 128, 0],
1033 |     "greenyellow": [173, 255, 47],
1034 |     "grey": [128, 128, 128],
1035 |     "honeydew": [240, 255, 240],
1036 |     "hotpink": [255, 105, 180],
1037 |     "indianred": [205, 92, 92],
1038 |     "indigo": [75, 0, 130],
1039 |     "ivory": [255, 255, 240],
1040 |     "khaki": [240, 230, 140],
1041 |     "lavender": [230, 230, 250],
1042 |     "lavenderblush": [255, 240, 245],
1043 |     "lawngreen": [124, 252, 0],
1044 |     "lemonchiffon": [255, 250, 205],
1045 |     "lightblue": [173, 216, 230],
1046 |     "lightcoral": [240, 128, 128],
1047 |     "lightcyan": [224, 255, 255],
1048 |     "lightgoldenrodyellow": [250, 250, 210],
1049 |     "lightgray": [211, 211, 211],
1050 |     "lightgreen": [144, 238, 144],
1051 |     "lightgrey": [211, 211, 211],
1052 |     "lightpink": [255, 182, 193],
1053 |     "lightsalmon": [255, 160, 122],
1054 |     "lightseagreen": [32, 178, 170],
1055 |     "lightskyblue": [135, 206, 250],
1056 |     "lightslategray": [119, 136, 153],
1057 |     "lightslategrey": [119, 136, 153],
1058 |     "lightsteelblue": [176, 196, 222],
1059 |     "lightyellow": [255, 255, 224],
1060 |     "lime": [0, 255, 0],
1061 |     "limegreen": [50, 205, 50],
1062 |     "linen": [250, 240, 230],
1063 |     "magenta": [255, 0, 255],
1064 |     "maroon": [128, 0, 0],
1065 |     "mediumaquamarine": [102, 205, 170],
1066 |     "mediumblue": [0, 0, 205],
1067 |     "mediumorchid": [186, 85, 211],
1068 |     "mediumpurple": [147, 112, 219],
1069 |     "mediumseagreen": [60, 179, 113],
1070 |     "mediumslateblue": [123, 104, 238],
1071 |     "mediumspringgreen": [0, 250, 154],
1072 |     "mediumturquoise": [72, 209, 204],
1073 |     "mediumvioletred": [199, 21, 133],
1074 |     "midnightblue": [25, 25, 112],
1075 |     "mintcream": [245, 255, 250],
1076 |     "mistyrose": [255, 228, 225],
1077 |     "moccasin": [255, 228, 181],
1078 |     "navajowhite": [255, 222, 173],
1079 |     "navy": [0, 0, 128],
1080 |     "oldlace": [253, 245, 230],
1081 |     "olive": [128, 128, 0],
1082 |     "olivedrab": [107, 142, 35],
1083 |     "orange": [255, 165, 0],
1084 |     "orangered": [255, 69, 0],
1085 |     "orchid": [218, 112, 214],
1086 |     "palegoldenrod": [238, 232, 170],
1087 |     "palegreen": [152, 251, 152],
1088 |     "paleturquoise": [175, 238, 238],
1089 |     "palevioletred": [219, 112, 147],
1090 |     "papayawhip": [255, 239, 213],
1091 |     "peachpuff": [255, 218, 185],
1092 |     "peru": [205, 133, 63],
1093 |     "pink": [255, 192, 203],
1094 |     "plum": [221, 160, 221],
1095 |     "powderblue": [176, 224, 230],
1096 |     "purple": [128, 0, 128],
1097 |     "rebeccapurple": [102, 51, 153],
1098 |     "red": [255, 0, 0],
1099 |     "rosybrown": [188, 143, 143],
1100 |     "royalblue": [65, 105, 225],
1101 |     "saddlebrown": [139, 69, 19],
1102 |     "salmon": [250, 128, 114],
1103 |     "sandybrown": [244, 164, 96],
1104 |     "seagreen": [46, 139, 87],
1105 |     "seashell": [255, 245, 238],
1106 |     "sienna": [160, 82, 45],
1107 |     "silver": [192, 192, 192],
1108 |     "skyblue": [135, 206, 235],
1109 |     "slateblue": [106, 90, 205],
1110 |     "slategray": [112, 128, 144],
1111 |     "slategrey": [112, 128, 144],
1112 |     "snow": [255, 250, 250],
1113 |     "springgreen": [0, 255, 127],
1114 |     "steelblue": [70, 130, 180],
1115 |     "tan": [210, 180, 140],
1116 |     "teal": [0, 128, 128],
1117 |     "thistle": [216, 191, 216],
1118 |     "tomato": [255, 99, 71],
1119 |     "turquoise": [64, 224, 208],
1120 |     "violet": [238, 130, 238],
1121 |     "wheat": [245, 222, 179],
1122 |     "white": [255, 255, 255],
1123 |     "whitesmoke": [245, 245, 245],
1124 |     "yellow": [255, 255, 0],
1125 |     "yellowgreen": [154, 205, 50]
1126 | };
1127 | 
1128 | 
1129 | function DummyImageContainer(src) {
1130 |     this.src = src;
1131 |     log("DummyImageContainer for", src);
1132 |     if (!this.promise || !this.image) {
1133 |         log("Initiating DummyImageContainer");
1134 |         DummyImageContainer.prototype.image = new Image();
1135 |         var image = this.image;
1136 |         DummyImageContainer.prototype.promise = new Promise(function(resolve, reject) {
1137 |             image.onload = resolve;
1138 |             image.onerror = reject;
1139 |             image.src = smallImage();
1140 |             if (image.complete === true) {
1141 |                 resolve(image);
1142 |             }
1143 |         });
1144 |     }
1145 | }
1146 | 
1147 | function Font(family, size) {
1148 |     var container = document.createElement('div'),
1149 |         img = document.createElement('img'),
1150 |         span = document.createElement('span'),
1151 |         sampleText = 'Hidden Text',
1152 |         baseline,
1153 |         middle;
1154 | 
1155 |     container.style.visibility = "hidden";
1156 |     container.style.fontFamily = family;
1157 |     container.style.fontSize = size;
1158 |     container.style.margin = 0;
1159 |     container.style.padding = 0;
1160 | 
1161 |     document.body.appendChild(container);
1162 | 
1163 |     img.src = smallImage();
1164 |     img.width = 1;
1165 |     img.height = 1;
1166 | 
1167 |     img.style.margin = 0;
1168 |     img.style.padding = 0;
1169 |     img.style.verticalAlign = "baseline";
1170 | 
1171 |     span.style.fontFamily = family;
1172 |     span.style.fontSize = size;
1173 |     span.style.margin = 0;
1174 |     span.style.padding = 0;
1175 | 
1176 |     span.appendChild(document.createTextNode(sampleText));
1177 |     container.appendChild(span);
1178 |     container.appendChild(img);
1179 |     baseline = (img.offsetTop - span.offsetTop) + 1;
1180 | 
1181 |     container.removeChild(span);
1182 |     container.appendChild(document.createTextNode(sampleText));
1183 | 
1184 |     container.style.lineHeight = "normal";
1185 |     img.style.verticalAlign = "super";
1186 | 
1187 |     middle = (img.offsetTop-container.offsetTop) + 1;
1188 | 
1189 |     document.body.removeChild(container);
1190 | 
1191 |     this.baseline = baseline;
1192 |     this.lineWidth = 1;
1193 |     this.middle = middle;
1194 | }
1195 | 
1196 | function FontMetrics() {
1197 |     this.data = {};
1198 | }
1199 | 
1200 | FontMetrics.prototype.getMetrics = function(family, size) {
1201 |     if (this.data[family + "-" + size] === undefined) {
1202 |         this.data[family + "-" + size] = new Font(family, size);
1203 |     }
1204 |     return this.data[family + "-" + size];
1205 | };
1206 | 
1207 | function FrameContainer(container, sameOrigin, options) {
1208 |     this.image = null;
1209 |     this.src = container;
1210 |     var self = this;
1211 |     var bounds = getBounds(container);
1212 |     this.promise = (!sameOrigin ? this.proxyLoad(options.proxy, bounds, options) : new Promise(function(resolve) {
1213 |         if (container.contentWindow.document.URL === "about:blank" || container.contentWindow.document.documentElement == null) {
1214 |             container.contentWindow.onload = container.onload = function() {
1215 |                 resolve(container);
1216 |             };
1217 |         } else {
1218 |             resolve(container);
1219 |         }
1220 |     })).then(function(container) {
1221 |         return html2canvas(container.contentWindow.document.documentElement, {type: 'view', width: container.width, height: container.height, proxy: options.proxy, javascriptEnabled: options.javascriptEnabled, removeContainer: options.removeContainer, allowTaint: options.allowTaint, imageTimeout: options.imageTimeout / 2});
1222 |     }).then(function(canvas) {
1223 |         return self.image = canvas;
1224 |     });
1225 | }
1226 | 
1227 | FrameContainer.prototype.proxyLoad = function(proxy, bounds, options) {
1228 |     var container = this.src;
1229 |     return loadUrlDocument(container.src, proxy, container.ownerDocument, bounds.width, bounds.height, options);
1230 | };
1231 | 
1232 | function GradientContainer(imageData) {
1233 |     this.src = imageData.value;
1234 |     this.colorStops = [];
1235 |     this.type = null;
1236 |     this.x0 = 0.5;
1237 |     this.y0 = 0.5;
1238 |     this.x1 = 0.5;
1239 |     this.y1 = 0.5;
1240 |     this.promise = Promise.resolve(true);
1241 | }
1242 | 
1243 | GradientContainer.prototype.TYPES = {
1244 |     LINEAR: 1,
1245 |     RADIAL: 2
1246 | };
1247 | 
1248 | function ImageContainer(src, cors) {
1249 |     this.src = src;
1250 |     this.image = new Image();
1251 |     var self = this;
1252 |     this.tainted = null;
1253 |     this.promise = new Promise(function(resolve, reject) {
1254 |         self.image.onload = resolve;
1255 |         self.image.onerror = reject;
1256 |         if (cors) {
1257 |             self.image.crossOrigin = "anonymous";
1258 |         }
1259 |         self.image.src = src;
1260 |         if (self.image.complete === true) {
1261 |             resolve(self.image);
1262 |         }
1263 |     });
1264 | }
1265 | 
1266 | function ImageLoader(options, support) {
1267 |     this.link = null;
1268 |     this.options = options;
1269 |     this.support = support;
1270 |     this.origin = this.getOrigin(window.location.href);
1271 | }
1272 | 
1273 | ImageLoader.prototype.findImages = function(nodes) {
1274 |     var images = [];
1275 |     nodes.reduce(function(imageNodes, container) {
1276 |         switch(container.node.nodeName) {
1277 |         case "IMG":
1278 |             return imageNodes.concat([{
1279 |                 args: [container.node.src],
1280 |                 method: "url"
1281 |             }]);
1282 |         case "svg":
1283 |         case "IFRAME":
1284 |             return imageNodes.concat([{
1285 |                 args: [container.node],
1286 |                 method: container.node.nodeName
1287 |             }]);
1288 |         }
1289 |         return imageNodes;
1290 |     }, []).forEach(this.addImage(images, this.loadImage), this);
1291 |     return images;
1292 | };
1293 | 
1294 | ImageLoader.prototype.findBackgroundImage = function(images, container) {
1295 |     container.parseBackgroundImages().filter(this.hasImageBackground).forEach(this.addImage(images, this.loadImage), this);
1296 |     return images;
1297 | };
1298 | 
1299 | ImageLoader.prototype.addImage = function(images, callback) {
1300 |     return function(newImage) {
1301 |         newImage.args.forEach(function(image) {
1302 |             if (!this.imageExists(images, image)) {
1303 |                 images.splice(0, 0, callback.call(this, newImage));
1304 |                 log('Added image #' + (images.length), typeof(image) === "string" ? image.substring(0, 100) : image);
1305 |             }
1306 |         }, this);
1307 |     };
1308 | };
1309 | 
1310 | ImageLoader.prototype.hasImageBackground = function(imageData) {
1311 |     return imageData.method !== "none";
1312 | };
1313 | 
1314 | ImageLoader.prototype.loadImage = function(imageData) {
1315 |     if (imageData.method === "url") {
1316 |         var src = imageData.args[0];
1317 |         if (this.isSVG(src) && !this.support.svg && !this.options.allowTaint) {
1318 |             return new SVGContainer(src);
1319 |         } else if (src.match(/data:image\/.*;base64,/i)) {
1320 |             return new ImageContainer(src.replace(/url\(['"]{0,}|['"]{0,}\)$/ig, ''), false);
1321 |         } else if (this.isSameOrigin(src) || this.options.allowTaint === true || this.isSVG(src)) {
1322 |             return new ImageContainer(src, false);
1323 |         } else if (this.support.cors && !this.options.allowTaint && this.options.useCORS) {
1324 |             return new ImageContainer(src, true);
1325 |         } else if (this.options.proxy) {
1326 |             return new ProxyImageContainer(src, this.options.proxy);
1327 |         } else {
1328 |             return new DummyImageContainer(src);
1329 |         }
1330 |     } else if (imageData.method === "linear-gradient") {
1331 |         return new LinearGradientContainer(imageData);
1332 |     } else if (imageData.method === "gradient") {
1333 |         return new WebkitGradientContainer(imageData);
1334 |     } else if (imageData.method === "svg") {
1335 |         return new SVGNodeContainer(imageData.args[0], this.support.svg);
1336 |     } else if (imageData.method === "IFRAME") {
1337 |         return new FrameContainer(imageData.args[0], this.isSameOrigin(imageData.args[0].src), this.options);
1338 |     } else {
1339 |         return new DummyImageContainer(imageData);
1340 |     }
1341 | };
1342 | 
1343 | ImageLoader.prototype.isSVG = function(src) {
1344 |     return src.substring(src.length - 3).toLowerCase() === "svg" || SVGContainer.prototype.isInline(src);
1345 | };
1346 | 
1347 | ImageLoader.prototype.imageExists = function(images, src) {
1348 |     return images.some(function(image) {
1349 |         return image.src === src;
1350 |     });
1351 | };
1352 | 
1353 | ImageLoader.prototype.isSameOrigin = function(url) {
1354 |     return (this.getOrigin(url) === this.origin);
1355 | };
1356 | 
1357 | ImageLoader.prototype.getOrigin = function(url) {
1358 |     var link = this.link || (this.link = document.createElement("a"));
1359 |     link.href = url;
1360 |     link.href = link.href; // IE9, LOL! - http://jsfiddle.net/niklasvh/2e48b/
1361 |     return link.protocol + link.hostname + link.port;
1362 | };
1363 | 
1364 | ImageLoader.prototype.getPromise = function(container) {
1365 |     return this.timeout(container, this.options.imageTimeout)['catch'](function() {
1366 |         var dummy = new DummyImageContainer(container.src);
1367 |         return dummy.promise.then(function(image) {
1368 |             container.image = image;
1369 |         });
1370 |     });
1371 | };
1372 | 
1373 | ImageLoader.prototype.get = function(src) {
1374 |     var found = null;
1375 |     return this.images.some(function(img) {
1376 |         return (found = img).src === src;
1377 |     }) ? found : null;
1378 | };
1379 | 
1380 | ImageLoader.prototype.fetch = function(nodes) {
1381 |     this.images = nodes.reduce(bind(this.findBackgroundImage, this), this.findImages(nodes));
1382 |     this.images.forEach(function(image, index) {
1383 |         image.promise.then(function() {
1384 |             log("Succesfully loaded image #"+ (index+1), image);
1385 |         }, function(e) {
1386 |             log("Failed loading image #"+ (index+1), image, e);
1387 |         });
1388 |     });
1389 |     this.ready = Promise.all(this.images.map(this.getPromise, this));
1390 |     log("Finished searching images");
1391 |     return this;
1392 | };
1393 | 
1394 | ImageLoader.prototype.timeout = function(container, timeout) {
1395 |     var timer;
1396 |     var promise = Promise.race([container.promise, new Promise(function(res, reject) {
1397 |         timer = setTimeout(function() {
1398 |             log("Timed out loading image", container);
1399 |             reject(container);
1400 |         }, timeout);
1401 |     })]).then(function(container) {
1402 |         clearTimeout(timer);
1403 |         return container;
1404 |     });
1405 |     promise['catch'](function() {
1406 |         clearTimeout(timer);
1407 |     });
1408 |     return promise;
1409 | };
1410 | 
1411 | function LinearGradientContainer(imageData) {
1412 |     GradientContainer.apply(this, arguments);
1413 |     this.type = this.TYPES.LINEAR;
1414 | 
1415 |     var hasDirection = imageData.args[0].match(this.stepRegExp) === null;
1416 | 
1417 |     if (hasDirection) {
1418 |         imageData.args[0].split(" ").reverse().forEach(function(position) {
1419 |             switch(position) {
1420 |             case "left":
1421 |                 this.x0 = 0;
1422 |                 this.x1 = 1;
1423 |                 break;
1424 |             case "top":
1425 |                 this.y0 = 0;
1426 |                 this.y1 = 1;
1427 |                 break;
1428 |             case "right":
1429 |                 this.x0 = 1;
1430 |                 this.x1 = 0;
1431 |                 break;
1432 |             case "bottom":
1433 |                 this.y0 = 1;
1434 |                 this.y1 = 0;
1435 |                 break;
1436 |             case "to":
1437 |                 var y0 = this.y0;
1438 |                 var x0 = this.x0;
1439 |                 this.y0 = this.y1;
1440 |                 this.x0 = this.x1;
1441 |                 this.x1 = x0;
1442 |                 this.y1 = y0;
1443 |                 break;
1444 |             }
1445 |         }, this);
1446 |     } else {
1447 |         this.y0 = 0;
1448 |         this.y1 = 1;
1449 |     }
1450 | 
1451 |     this.colorStops = imageData.args.slice(hasDirection ? 1 : 0).map(function(colorStop) {
1452 |         var colorStopMatch = colorStop.match(this.stepRegExp);
1453 |         return {
1454 |             color: new Color(colorStopMatch[1]),
1455 |             stop: colorStopMatch[3] === "%" ? colorStopMatch[2] / 100 : null
1456 |         };
1457 |     }, this);
1458 | 
1459 |     if (this.colorStops[0].stop === null) {
1460 |         this.colorStops[0].stop = 0;
1461 |     }
1462 | 
1463 |     if (this.colorStops[this.colorStops.length - 1].stop === null) {
1464 |         this.colorStops[this.colorStops.length - 1].stop = 1;
1465 |     }
1466 | 
1467 |     this.colorStops.forEach(function(colorStop, index) {
1468 |         if (colorStop.stop === null) {
1469 |             this.colorStops.slice(index).some(function(find, count) {
1470 |                 if (find.stop !== null) {
1471 |                     colorStop.stop = ((find.stop - this.colorStops[index - 1].stop) / (count + 1)) + this.colorStops[index - 1].stop;
1472 |                     return true;
1473 |                 } else {
1474 |                     return false;
1475 |                 }
1476 |             }, this);
1477 |         }
1478 |     }, this);
1479 | }
1480 | 
1481 | LinearGradientContainer.prototype = Object.create(GradientContainer.prototype);
1482 | 
1483 | LinearGradientContainer.prototype.stepRegExp = /((?:rgb|rgba)\(\d{1,3},\s\d{1,3},\s\d{1,3}(?:,\s[0-9\.]+)?\))\s*(\d{1,3})?(%|px)?/;
1484 | 
1485 | function log() {
1486 |     if (window.html2canvas.logging && window.console && window.console.log) {
1487 |         Function.prototype.bind.call(window.console.log, (window.console)).apply(window.console, [(Date.now() - window.html2canvas.start) + "ms", "html2canvas:"].concat([].slice.call(arguments, 0)));
1488 |     }
1489 | }
1490 | 
1491 | function NodeContainer(node, parent) {
1492 |     this.node = node;
1493 |     this.parent = parent;
1494 |     this.stack = null;
1495 |     this.bounds = null;
1496 |     this.borders = null;
1497 |     this.clip = [];
1498 |     this.backgroundClip = [];
1499 |     this.offsetBounds = null;
1500 |     this.visible = null;
1501 |     this.computedStyles = null;
1502 |     this.colors = {};
1503 |     this.styles = {};
1504 |     this.backgroundImages = null;
1505 |     this.transformData = null;
1506 |     this.transformMatrix = null;
1507 |     this.isPseudoElement = false;
1508 |     this.opacity = null;
1509 | }
1510 | 
1511 | NodeContainer.prototype.cloneTo = function(stack) {
1512 |     stack.visible = this.visible;
1513 |     stack.borders = this.borders;
1514 |     stack.bounds = this.bounds;
1515 |     stack.clip = this.clip;
1516 |     stack.backgroundClip = this.backgroundClip;
1517 |     stack.computedStyles = this.computedStyles;
1518 |     stack.styles = this.styles;
1519 |     stack.backgroundImages = this.backgroundImages;
1520 |     stack.opacity = this.opacity;
1521 | };
1522 | 
1523 | NodeContainer.prototype.getOpacity = function() {
1524 |     return this.opacity === null ? (this.opacity = this.cssFloat('opacity')) : this.opacity;
1525 | };
1526 | 
1527 | NodeContainer.prototype.assignStack = function(stack) {
1528 |     this.stack = stack;
1529 |     stack.children.push(this);
1530 | };
1531 | 
1532 | NodeContainer.prototype.isElementVisible = function() {
1533 |     return this.node.nodeType === Node.TEXT_NODE ? this.parent.visible : (
1534 |         this.css('display') !== "none" &&
1535 |         this.css('visibility') !== "hidden" &&
1536 |         !this.node.hasAttribute("data-html2canvas-ignore") &&
1537 |         (this.node.nodeName !== "INPUT" || this.node.getAttribute("type") !== "hidden")
1538 |     );
1539 | };
1540 | 
1541 | NodeContainer.prototype.css = function(attribute) {
1542 |     if (!this.computedStyles) {
1543 |         this.computedStyles = this.isPseudoElement ? this.parent.computedStyle(this.before ? ":before" : ":after") : this.computedStyle(null);
1544 |     }
1545 | 
1546 |     return this.styles[attribute] || (this.styles[attribute] = this.computedStyles[attribute]);
1547 | };
1548 | 
1549 | NodeContainer.prototype.prefixedCss = function(attribute) {
1550 |     var prefixes = ["webkit", "moz", "ms", "o"];
1551 |     var value = this.css(attribute);
1552 |     if (value === undefined) {
1553 |         prefixes.some(function(prefix) {
1554 |             value = this.css(prefix + attribute.substr(0, 1).toUpperCase() + attribute.substr(1));
1555 |             return value !== undefined;
1556 |         }, this);
1557 |     }
1558 |     return value === undefined ? null : value;
1559 | };
1560 | 
1561 | NodeContainer.prototype.computedStyle = function(type) {
1562 |     return this.node.ownerDocument.defaultView.getComputedStyle(this.node, type);
1563 | };
1564 | 
1565 | NodeContainer.prototype.cssInt = function(attribute) {
1566 |     var value = parseInt(this.css(attribute), 10);
1567 |     return (isNaN(value)) ? 0 : value; // borders in old IE are throwing 'medium' for demo.html
1568 | };
1569 | 
1570 | NodeContainer.prototype.color = function(attribute) {
1571 |     return this.colors[attribute] || (this.colors[attribute] = new Color(this.css(attribute)));
1572 | };
1573 | 
1574 | NodeContainer.prototype.cssFloat = function(attribute) {
1575 |     var value = parseFloat(this.css(attribute));
1576 |     return (isNaN(value)) ? 0 : value;
1577 | };
1578 | 
1579 | NodeContainer.prototype.fontWeight = function() {
1580 |     var weight = this.css("fontWeight");
1581 |     switch(parseInt(weight, 10)){
1582 |     case 401:
1583 |         weight = "bold";
1584 |         break;
1585 |     case 400:
1586 |         weight = "normal";
1587 |         break;
1588 |     }
1589 |     return weight;
1590 | };
1591 | 
1592 | NodeContainer.prototype.parseClip = function() {
1593 |     var matches = this.css('clip').match(this.CLIP);
1594 |     if (matches) {
1595 |         return {
1596 |             top: parseInt(matches[1], 10),
1597 |             right: parseInt(matches[2], 10),
1598 |             bottom: parseInt(matches[3], 10),
1599 |             left: parseInt(matches[4], 10)
1600 |         };
1601 |     }
1602 |     return null;
1603 | };
1604 | 
1605 | NodeContainer.prototype.parseBackgroundImages = function() {
1606 |     return this.backgroundImages || (this.backgroundImages = parseBackgrounds(this.css("backgroundImage")));
1607 | };
1608 | 
1609 | NodeContainer.prototype.cssList = function(property, index) {
1610 |     var value = (this.css(property) || '').split(',');
1611 |     value = value[index || 0] || value[0] || 'auto';
1612 |     value = value.trim().split(' ');
1613 |     if (value.length === 1) {
1614 |         value = [value[0], value[0]];
1615 |     }
1616 |     return value;
1617 | };
1618 | 
1619 | NodeContainer.prototype.parseBackgroundSize = function(bounds, image, index) {
1620 |     var size = this.cssList("backgroundSize", index);
1621 |     var width, height;
1622 | 
1623 |     if (isPercentage(size[0])) {
1624 |         width = bounds.width * parseFloat(size[0]) / 100;
1625 |     } else if (/contain|cover/.test(size[0])) {
1626 |         var targetRatio = bounds.width / bounds.height, currentRatio = image.width / image.height;
1627 |         return (targetRatio < currentRatio ^ size[0] === 'contain') ?  {width: bounds.height * currentRatio, height: bounds.height} : {width: bounds.width, height: bounds.width / currentRatio};
1628 |     } else {
1629 |         width = parseInt(size[0], 10);
1630 |     }
1631 | 
1632 |     if (size[0] === 'auto' && size[1] === 'auto') {
1633 |         height = image.height;
1634 |     } else if (size[1] === 'auto') {
1635 |         height = width / image.width * image.height;
1636 |     } else if (isPercentage(size[1])) {
1637 |         height =  bounds.height * parseFloat(size[1]) / 100;
1638 |     } else {
1639 |         height = parseInt(size[1], 10);
1640 |     }
1641 | 
1642 |     if (size[0] === 'auto') {
1643 |         width = height / image.height * image.width;
1644 |     }
1645 | 
1646 |     return {width: width, height: height};
1647 | };
1648 | 
1649 | NodeContainer.prototype.parseBackgroundPosition = function(bounds, image, index, backgroundSize) {
1650 |     var position = this.cssList('backgroundPosition', index);
1651 |     var left, top;
1652 | 
1653 |     if (isPercentage(position[0])){
1654 |         left = (bounds.width - (backgroundSize || image).width) * (parseFloat(position[0]) / 100);
1655 |     } else {
1656 |         left = parseInt(position[0], 10);
1657 |     }
1658 | 
1659 |     if (position[1] === 'auto') {
1660 |         top = left / image.width * image.height;
1661 |     } else if (isPercentage(position[1])){
1662 |         top =  (bounds.height - (backgroundSize || image).height) * parseFloat(position[1]) / 100;
1663 |     } else {
1664 |         top = parseInt(position[1], 10);
1665 |     }
1666 | 
1667 |     if (position[0] === 'auto') {
1668 |         left = top / image.height * image.width;
1669 |     }
1670 | 
1671 |     return {left: left, top: top};
1672 | };
1673 | 
1674 | NodeContainer.prototype.parseBackgroundRepeat = function(index) {
1675 |     return this.cssList("backgroundRepeat", index)[0];
1676 | };
1677 | 
1678 | NodeContainer.prototype.parseTextShadows = function() {
1679 |     var textShadow = this.css("textShadow");
1680 |     var results = [];
1681 | 
1682 |     if (textShadow && textShadow !== 'none') {
1683 |         var shadows = textShadow.match(this.TEXT_SHADOW_PROPERTY);
1684 |         for (var i = 0; shadows && (i < shadows.length); i++) {
1685 |             var s = shadows[i].match(this.TEXT_SHADOW_VALUES);
1686 |             results.push({
1687 |                 color: new Color(s[0]),
1688 |                 offsetX: s[1] ? parseFloat(s[1].replace('px', '')) : 0,
1689 |                 offsetY: s[2] ? parseFloat(s[2].replace('px', '')) : 0,
1690 |                 blur: s[3] ? s[3].replace('px', '') : 0
1691 |             });
1692 |         }
1693 |     }
1694 |     return results;
1695 | };
1696 | 
1697 | NodeContainer.prototype.parseTransform = function() {
1698 |     if (!this.transformData) {
1699 |         if (this.hasTransform()) {
1700 |             var offset = this.parseBounds();
1701 |             var origin = this.prefixedCss("transformOrigin").split(" ").map(removePx).map(asFloat);
1702 |             origin[0] += offset.left;
1703 |             origin[1] += offset.top;
1704 |             this.transformData = {
1705 |                 origin: origin,
1706 |                 matrix: this.parseTransformMatrix()
1707 |             };
1708 |         } else {
1709 |             this.transformData = {
1710 |                 origin: [0, 0],
1711 |                 matrix: [1, 0, 0, 1, 0, 0]
1712 |             };
1713 |         }
1714 |     }
1715 |     return this.transformData;
1716 | };
1717 | 
1718 | NodeContainer.prototype.parseTransformMatrix = function() {
1719 |     if (!this.transformMatrix) {
1720 |         var transform = this.prefixedCss("transform");
1721 |         var matrix = transform ? parseMatrix(transform.match(this.MATRIX_PROPERTY)) : null;
1722 |         this.transformMatrix = matrix ? matrix : [1, 0, 0, 1, 0, 0];
1723 |     }
1724 |     return this.transformMatrix;
1725 | };
1726 | 
1727 | NodeContainer.prototype.parseBounds = function() {
1728 |     return this.bounds || (this.bounds = this.hasTransform() ? offsetBounds(this.node) : getBounds(this.node));
1729 | };
1730 | 
1731 | NodeContainer.prototype.hasTransform = function() {
1732 |     return this.parseTransformMatrix().join(",") !== "1,0,0,1,0,0" || (this.parent && this.parent.hasTransform());
1733 | };
1734 | 
1735 | NodeContainer.prototype.getValue = function() {
1736 |     var value = this.node.value || "";
1737 |     if (this.node.tagName === "SELECT") {
1738 |         value = selectionValue(this.node);
1739 |     } else if (this.node.type === "password") {
1740 |         value = Array(value.length + 1).join('\u2022'); // jshint ignore:line
1741 |     }
1742 |     return value.length === 0 ? (this.node.placeholder || "") : value;
1743 | };
1744 | 
1745 | NodeContainer.prototype.MATRIX_PROPERTY = /(matrix)\((.+)\)/;
1746 | NodeContainer.prototype.TEXT_SHADOW_PROPERTY = /((rgba|rgb)\([^\)]+\)(\s-?\d+px){0,})/g;
1747 | NodeContainer.prototype.TEXT_SHADOW_VALUES = /(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\(.+\))/g;
1748 | NodeContainer.prototype.CLIP = /^rect\((\d+)px,? (\d+)px,? (\d+)px,? (\d+)px\)$/;
1749 | 
1750 | function selectionValue(node) {
1751 |     var option = node.options[node.selectedIndex || 0];
1752 |     return option ? (option.text || "") : "";
1753 | }
1754 | 
1755 | function parseMatrix(match) {
1756 |     if (match && match[1] === "matrix") {
1757 |         return match[2].split(",").map(function(s) {
1758 |             return parseFloat(s.trim());
1759 |         });
1760 |     }
1761 | }
1762 | 
1763 | function isPercentage(value) {
1764 |     return value.toString().indexOf("%") !== -1;
1765 | }
1766 | 
1767 | function parseBackgrounds(backgroundImage) {
1768 |     var whitespace = ' \r\n\t',
1769 |         method, definition, prefix, prefix_i, block, results = [],
1770 |         mode = 0, numParen = 0, quote, args;
1771 |     var appendResult = function() {
1772 |         if(method) {
1773 |             if (definition.substr(0, 1) === '"') {
1774 |                 definition = definition.substr(1, definition.length - 2);
1775 |             }
1776 |             if (definition) {
1777 |                 args.push(definition);
1778 |             }
1779 |             if (method.substr(0, 1) === '-' && (prefix_i = method.indexOf('-', 1 ) + 1) > 0) {
1780 |                 prefix = method.substr(0, prefix_i);
1781 |                 method = method.substr(prefix_i);
1782 |             }
1783 |             results.push({
1784 |                 prefix: prefix,
1785 |                 method: method.toLowerCase(),
1786 |                 value: block,
1787 |                 args: args,
1788 |                 image: null
1789 |             });
1790 |         }
1791 |         args = [];
1792 |         method = prefix = definition = block = '';
1793 |     };
1794 |     args = [];
1795 |     method = prefix = definition = block = '';
1796 |     backgroundImage.split("").forEach(function(c) {
1797 |         if (mode === 0 && whitespace.indexOf(c) > -1) {
1798 |             return;
1799 |         }
1800 |         switch(c) {
1801 |         case '"':
1802 |             if(!quote) {
1803 |                 quote = c;
1804 |             } else if(quote === c) {
1805 |                 quote = null;
1806 |             }
1807 |             break;
1808 |         case '(':
1809 |             if(quote) {
1810 |                 break;
1811 |             } else if(mode === 0) {
1812 |                 mode = 1;
1813 |                 block += c;
1814 |                 return;
1815 |             } else {
1816 |                 numParen++;
1817 |             }
1818 |             break;
1819 |         case ')':
1820 |             if (quote) {
1821 |                 break;
1822 |             } else if(mode === 1) {
1823 |                 if(numParen === 0) {
1824 |                     mode = 0;
1825 |                     block += c;
1826 |                     appendResult();
1827 |                     return;
1828 |                 } else {
1829 |                     numParen--;
1830 |                 }
1831 |             }
1832 |             break;
1833 | 
1834 |         case ',':
1835 |             if (quote) {
1836 |                 break;
1837 |             } else if(mode === 0) {
1838 |                 appendResult();
1839 |                 return;
1840 |             } else if (mode === 1) {
1841 |                 if (numParen === 0 && !method.match(/^url$/i)) {
1842 |                     args.push(definition);
1843 |                     definition = '';
1844 |                     block += c;
1845 |                     return;
1846 |                 }
1847 |             }
1848 |             break;
1849 |         }
1850 | 
1851 |         block += c;
1852 |         if (mode === 0) {
1853 |             method += c;
1854 |         } else {
1855 |             definition += c;
1856 |         }
1857 |     });
1858 | 
1859 |     appendResult();
1860 |     return results;
1861 | }
1862 | 
1863 | function removePx(str) {
1864 |     return str.replace("px", "");
1865 | }
1866 | 
1867 | function asFloat(str) {
1868 |     return parseFloat(str);
1869 | }
1870 | 
1871 | function getBounds(node) {
1872 |     if (node.getBoundingClientRect) {
1873 |         var clientRect = node.getBoundingClientRect();
1874 |         var width = node.offsetWidth == null ? clientRect.width : node.offsetWidth;
1875 |         return {
1876 |             top: clientRect.top,
1877 |             bottom: clientRect.bottom || (clientRect.top + clientRect.height),
1878 |             right: clientRect.left + width,
1879 |             left: clientRect.left,
1880 |             width:  width,
1881 |             height: node.offsetHeight == null ? clientRect.height : node.offsetHeight
1882 |         };
1883 |     }
1884 |     return {};
1885 | }
1886 | 
1887 | function offsetBounds(node) {
1888 |     var parent = node.offsetParent ? offsetBounds(node.offsetParent) : {top: 0, left: 0};
1889 | 
1890 |     return {
1891 |         top: node.offsetTop + parent.top,
1892 |         bottom: node.offsetTop + node.offsetHeight + parent.top,
1893 |         right: node.offsetLeft + parent.left + node.offsetWidth,
1894 |         left: node.offsetLeft + parent.left,
1895 |         width: node.offsetWidth,
1896 |         height: node.offsetHeight
1897 |     };
1898 | }
1899 | 
1900 | function NodeParser(element, renderer, support, imageLoader, options) {
1901 |     log("Starting NodeParser");
1902 |     this.renderer = renderer;
1903 |     this.options = options;
1904 |     this.range = null;
1905 |     this.support = support;
1906 |     this.renderQueue = [];
1907 |     this.stack = new StackingContext(true, 1, element.ownerDocument, null);
1908 |     var parent = new NodeContainer(element, null);
1909 |     if (options.background) {
1910 |         renderer.rectangle(0, 0, renderer.width, renderer.height, new Color(options.background));
1911 |     }
1912 |     if (element === element.ownerDocument.documentElement) {
1913 |         // http://www.w3.org/TR/css3-background/#special-backgrounds
1914 |         var canvasBackground = new NodeContainer(parent.color('backgroundColor').isTransparent() ? element.ownerDocument.body : element.ownerDocument.documentElement, null);
1915 |         renderer.rectangle(0, 0, renderer.width, renderer.height, canvasBackground.color('backgroundColor'));
1916 |     }
1917 |     parent.visibile = parent.isElementVisible();
1918 |     this.createPseudoHideStyles(element.ownerDocument);
1919 |     this.disableAnimations(element.ownerDocument);
1920 |     this.nodes = flatten([parent].concat(this.getChildren(parent)).filter(function(container) {
1921 |         return container.visible = container.isElementVisible();
1922 |     }).map(this.getPseudoElements, this));
1923 |     this.fontMetrics = new FontMetrics();
1924 |     log("Fetched nodes, total:", this.nodes.length);
1925 |     log("Calculate overflow clips");
1926 |     this.calculateOverflowClips();
1927 |     log("Start fetching images");
1928 |     this.images = imageLoader.fetch(this.nodes.filter(isElement));
1929 |     this.ready = this.images.ready.then(bind(function() {
1930 |         log("Images loaded, starting parsing");
1931 |         log("Creating stacking contexts");
1932 |         this.createStackingContexts();
1933 |         log("Sorting stacking contexts");
1934 |         this.sortStackingContexts(this.stack);
1935 |         this.parse(this.stack);
1936 |         log("Render queue created with " + this.renderQueue.length + " items");
1937 |         return new Promise(bind(function(resolve) {
1938 |             if (!options.async) {
1939 |                 this.renderQueue.forEach(this.paint, this);
1940 |                 resolve();
1941 |             } else if (typeof(options.async) === "function") {
1942 |                 options.async.call(this, this.renderQueue, resolve);
1943 |             } else if (this.renderQueue.length > 0){
1944 |                 this.renderIndex = 0;
1945 |                 this.asyncRenderer(this.renderQueue, resolve);
1946 |             } else {
1947 |                 resolve();
1948 |             }
1949 |         }, this));
1950 |     }, this));
1951 | }
1952 | 
1953 | NodeParser.prototype.calculateOverflowClips = function() {
1954 |     this.nodes.forEach(function(container) {
1955 |         if (isElement(container)) {
1956 |             if (isPseudoElement(container)) {
1957 |                 container.appendToDOM();
1958 |             }
1959 |             container.borders = this.parseBorders(container);
1960 |             var clip = (container.css('overflow') === "hidden") ? [container.borders.clip] : [];
1961 |             var cssClip = container.parseClip();
1962 |             if (cssClip && ["absolute", "fixed"].indexOf(container.css('position')) !== -1) {
1963 |                 clip.push([["rect",
1964 |                         container.bounds.left + cssClip.left,
1965 |                         container.bounds.top + cssClip.top,
1966 |                         cssClip.right - cssClip.left,
1967 |                         cssClip.bottom - cssClip.top
1968 |                 ]]);
1969 |             }
1970 |             container.clip = hasParentClip(container) ? container.parent.clip.concat(clip) : clip;
1971 |             container.backgroundClip = (container.css('overflow') !== "hidden") ? container.clip.concat([container.borders.clip]) : container.clip;
1972 |             if (isPseudoElement(container)) {
1973 |                 container.cleanDOM();
1974 |             }
1975 |         } else if (isTextNode(container)) {
1976 |             container.clip = hasParentClip(container) ? container.parent.clip : [];
1977 |         }
1978 |         if (!isPseudoElement(container)) {
1979 |             container.bounds = null;
1980 |         }
1981 |     }, this);
1982 | };
1983 | 
1984 | function hasParentClip(container) {
1985 |     return container.parent && container.parent.clip.length;
1986 | }
1987 | 
1988 | NodeParser.prototype.asyncRenderer = function(queue, resolve, asyncTimer) {
1989 |     asyncTimer = asyncTimer || Date.now();
1990 |     this.paint(queue[this.renderIndex++]);
1991 |     if (queue.length === this.renderIndex) {
1992 |         resolve();
1993 |     } else if (asyncTimer + 20 > Date.now()) {
1994 |         this.asyncRenderer(queue, resolve, asyncTimer);
1995 |     } else {
1996 |         setTimeout(bind(function() {
1997 |             this.asyncRenderer(queue, resolve);
1998 |         }, this), 0);
1999 |     }
2000 | };
2001 | 
2002 | NodeParser.prototype.createPseudoHideStyles = function(document) {
2003 |     this.createStyles(document, '.' + PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + ':before { content: "" !important; display: none !important; }' +
2004 |         '.' + PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER + ':after { content: "" !important; display: none !important; }');
2005 | };
2006 | 
2007 | NodeParser.prototype.disableAnimations = function(document) {
2008 |     this.createStyles(document, '* { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; ' +
2009 |         '-webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}');
2010 | };
2011 | 
2012 | NodeParser.prototype.createStyles = function(document, styles) {
2013 |     var hidePseudoElements = document.createElement('style');
2014 |     hidePseudoElements.innerHTML = styles;
2015 |     document.body.appendChild(hidePseudoElements);
2016 | };
2017 | 
2018 | NodeParser.prototype.getPseudoElements = function(container) {
2019 |     var nodes = [[container]];
2020 |     if (container.node.nodeType === Node.ELEMENT_NODE) {
2021 |         var before = this.getPseudoElement(container, ":before");
2022 |         var after = this.getPseudoElement(container, ":after");
2023 | 
2024 |         if (before) {
2025 |             nodes.push(before);
2026 |         }
2027 | 
2028 |         if (after) {
2029 |             nodes.push(after);
2030 |         }
2031 |     }
2032 |     return flatten(nodes);
2033 | };
2034 | 
2035 | function toCamelCase(str) {
2036 |     return str.replace(/(\-[a-z])/g, function(match){
2037 |         return match.toUpperCase().replace('-','');
2038 |     });
2039 | }
2040 | 
2041 | NodeParser.prototype.getPseudoElement = function(container, type) {
2042 |     var style = container.computedStyle(type);
2043 |     if(!style || !style.content || style.content === "none" || style.content === "-moz-alt-content" || style.display === "none") {
2044 |         return null;
2045 |     }
2046 | 
2047 |     var content = stripQuotes(style.content);
2048 |     var isImage = content.substr(0, 3) === 'url';
2049 |     var pseudoNode = document.createElement(isImage ? 'img' : 'html2canvaspseudoelement');
2050 |     var pseudoContainer = new PseudoElementContainer(pseudoNode, container, type);
2051 | 
2052 |     for (var i = style.length-1; i >= 0; i--) {
2053 |         var property = toCamelCase(style.item(i));
2054 |         pseudoNode.style[property] = style[property];
2055 |     }
2056 | 
2057 |     pseudoNode.className = PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER;
2058 | 
2059 |     if (isImage) {
2060 |         pseudoNode.src = parseBackgrounds(content)[0].args[0];
2061 |         return [pseudoContainer];
2062 |     } else {
2063 |         var text = document.createTextNode(content);
2064 |         pseudoNode.appendChild(text);
2065 |         return [pseudoContainer, new TextContainer(text, pseudoContainer)];
2066 |     }
2067 | };
2068 | 
2069 | 
2070 | NodeParser.prototype.getChildren = function(parentContainer) {
2071 |     return flatten([].filter.call(parentContainer.node.childNodes, renderableNode).map(function(node) {
2072 |         var container = [node.nodeType === Node.TEXT_NODE ? new TextContainer(node, parentContainer) : new NodeContainer(node, parentContainer)].filter(nonIgnoredElement);
2073 |         return node.nodeType === Node.ELEMENT_NODE && container.length && node.tagName !== "TEXTAREA" ? (container[0].isElementVisible() ? container.concat(this.getChildren(container[0])) : []) : container;
2074 |     }, this));
2075 | };
2076 | 
2077 | NodeParser.prototype.newStackingContext = function(container, hasOwnStacking) {
2078 |     var stack = new StackingContext(hasOwnStacking, container.getOpacity(), container.node, container.parent);
2079 |     container.cloneTo(stack);
2080 |     var parentStack = hasOwnStacking ? stack.getParentStack(this) : stack.parent.stack;
2081 |     parentStack.contexts.push(stack);
2082 |     container.stack = stack;
2083 | };
2084 | 
2085 | NodeParser.prototype.createStackingContexts = function() {
2086 |     this.nodes.forEach(function(container) {
2087 |         if (isElement(container) && (this.isRootElement(container) || hasOpacity(container) || isPositionedForStacking(container) || this.isBodyWithTransparentRoot(container) || container.hasTransform())) {
2088 |             this.newStackingContext(container, true);
2089 |         } else if (isElement(container) && ((isPositioned(container) && zIndex0(container)) || isInlineBlock(container) || isFloating(container))) {
2090 |             this.newStackingContext(container, false);
2091 |         } else {
2092 |             container.assignStack(container.parent.stack);
2093 |         }
2094 |     }, this);
2095 | };
2096 | 
2097 | NodeParser.prototype.isBodyWithTransparentRoot = function(container) {
2098 |     return container.node.nodeName === "BODY" && container.parent.color('backgroundColor').isTransparent();
2099 | };
2100 | 
2101 | NodeParser.prototype.isRootElement = function(container) {
2102 |     return container.parent === null;
2103 | };
2104 | 
2105 | NodeParser.prototype.sortStackingContexts = function(stack) {
2106 |     stack.contexts.sort(zIndexSort(stack.contexts.slice(0)));
2107 |     stack.contexts.forEach(this.sortStackingContexts, this);
2108 | };
2109 | 
2110 | NodeParser.prototype.parseTextBounds = function(container) {
2111 |     return function(text, index, textList) {
2112 |         if (container.parent.css("textDecoration").substr(0, 4) !== "none" || text.trim().length !== 0) {
2113 |             if (this.support.rangeBounds && !container.parent.hasTransform()) {
2114 |                 var offset = textList.slice(0, index).join("").length;
2115 |                 return this.getRangeBounds(container.node, offset, text.length);
2116 |             } else if (container.node && typeof(container.node.data) === "string") {
2117 |                 var replacementNode = container.node.splitText(text.length);
2118 |                 var bounds = this.getWrapperBounds(container.node, container.parent.hasTransform());
2119 |                 container.node = replacementNode;
2120 |                 return bounds;
2121 |             }
2122 |         } else if(!this.support.rangeBounds || container.parent.hasTransform()){
2123 |             container.node = container.node.splitText(text.length);
2124 |         }
2125 |         return {};
2126 |     };
2127 | };
2128 | 
2129 | NodeParser.prototype.getWrapperBounds = function(node, transform) {
2130 |     var wrapper = node.ownerDocument.createElement('html2canvaswrapper');
2131 |     var parent = node.parentNode,
2132 |         backupText = node.cloneNode(true);
2133 | 
2134 |     wrapper.appendChild(node.cloneNode(true));
2135 |     parent.replaceChild(wrapper, node);
2136 |     var bounds = transform ? offsetBounds(wrapper) : getBounds(wrapper);
2137 |     parent.replaceChild(backupText, wrapper);
2138 |     return bounds;
2139 | };
2140 | 
2141 | NodeParser.prototype.getRangeBounds = function(node, offset, length) {
2142 |     var range = this.range || (this.range = node.ownerDocument.createRange());
2143 |     range.setStart(node, offset);
2144 |     range.setEnd(node, offset + length);
2145 |     return range.getBoundingClientRect();
2146 | };
2147 | 
2148 | function ClearTransform() {}
2149 | 
2150 | NodeParser.prototype.parse = function(stack) {
2151 |     // http://www.w3.org/TR/CSS21/visuren.html#z-index
2152 |     var negativeZindex = stack.contexts.filter(negativeZIndex); // 2. the child stacking contexts with negative stack levels (most negative first).
2153 |     var descendantElements = stack.children.filter(isElement);
2154 |     var descendantNonFloats = descendantElements.filter(not(isFloating));
2155 |     var nonInlineNonPositionedDescendants = descendantNonFloats.filter(not(isPositioned)).filter(not(inlineLevel)); // 3 the in-flow, non-inline-level, non-positioned descendants.
2156 |     var nonPositionedFloats = descendantElements.filter(not(isPositioned)).filter(isFloating); // 4. the non-positioned floats.
2157 |     var inFlow = descendantNonFloats.filter(not(isPositioned)).filter(inlineLevel); // 5. the in-flow, inline-level, non-positioned descendants, including inline tables and inline blocks.
2158 |     var stackLevel0 = stack.contexts.concat(descendantNonFloats.filter(isPositioned)).filter(zIndex0); // 6. the child stacking contexts with stack level 0 and the positioned descendants with stack level 0.
2159 |     var text = stack.children.filter(isTextNode).filter(hasText);
2160 |     var positiveZindex = stack.contexts.filter(positiveZIndex); // 7. the child stacking contexts with positive stack levels (least positive first).
2161 |     negativeZindex.concat(nonInlineNonPositionedDescendants).concat(nonPositionedFloats)
2162 |         .concat(inFlow).concat(stackLevel0).concat(text).concat(positiveZindex).forEach(function(container) {
2163 |             this.renderQueue.push(container);
2164 |             if (isStackingContext(container)) {
2165 |                 this.parse(container);
2166 |                 this.renderQueue.push(new ClearTransform());
2167 |             }
2168 |         }, this);
2169 | };
2170 | 
2171 | NodeParser.prototype.paint = function(container) {
2172 |     try {
2173 |         if (container instanceof ClearTransform) {
2174 |             this.renderer.ctx.restore();
2175 |         } else if (isTextNode(container)) {
2176 |             if (isPseudoElement(container.parent)) {
2177 |                 container.parent.appendToDOM();
2178 |             }
2179 |             this.paintText(container);
2180 |             if (isPseudoElement(container.parent)) {
2181 |                 container.parent.cleanDOM();
2182 |             }
2183 |         } else {
2184 |             this.paintNode(container);
2185 |         }
2186 |     } catch(e) {
2187 |         log(e);
2188 |         if (this.options.strict) {
2189 |             throw e;
2190 |         }
2191 |     }
2192 | };
2193 | 
2194 | NodeParser.prototype.paintNode = function(container) {
2195 |     if (isStackingContext(container)) {
2196 |         this.renderer.setOpacity(container.opacity);
2197 |         this.renderer.ctx.save();
2198 |         if (container.hasTransform()) {
2199 |             this.renderer.setTransform(container.parseTransform());
2200 |         }
2201 |     }
2202 | 
2203 |     if (container.node.nodeName === "INPUT" && container.node.type === "checkbox") {
2204 |         this.paintCheckbox(container);
2205 |     } else if (container.node.nodeName === "INPUT" && container.node.type === "radio") {
2206 |         this.paintRadio(container);
2207 |     } else {
2208 |         this.paintElement(container);
2209 |     }
2210 | };
2211 | 
2212 | NodeParser.prototype.paintElement = function(container) {
2213 |     var bounds = container.parseBounds();
2214 |     this.renderer.clip(container.backgroundClip, function() {
2215 |         this.renderer.renderBackground(container, bounds, container.borders.borders.map(getWidth));
2216 |     }, this);
2217 | 
2218 |     this.renderer.clip(container.clip, function() {
2219 |         this.renderer.renderBorders(container.borders.borders);
2220 |     }, this);
2221 | 
2222 |     this.renderer.clip(container.backgroundClip, function() {
2223 |         switch (container.node.nodeName) {
2224 |         case "svg":
2225 |         case "IFRAME":
2226 |             var imgContainer = this.images.get(container.node);
2227 |             if (imgContainer) {
2228 |                 this.renderer.renderImage(container, bounds, container.borders, imgContainer);
2229 |             } else {
2230 |                 log("Error loading <" + container.node.nodeName + ">", container.node);
2231 |             }
2232 |             break;
2233 |         case "IMG":
2234 |             var imageContainer = this.images.get(container.node.src);
2235 |             if (imageContainer) {
2236 |                 this.renderer.renderImage(container, bounds, container.borders, imageContainer);
2237 |             } else {
2238 |                 log("Error loading <img>", container.node.src);
2239 |             }
2240 |             break;
2241 |         case "CANVAS":
2242 |             this.renderer.renderImage(container, bounds, container.borders, {image: container.node});
2243 |             break;
2244 |         case "SELECT":
2245 |         case "INPUT":
2246 |         case "TEXTAREA":
2247 |             this.paintFormValue(container);
2248 |             break;
2249 |         }
2250 |     }, this);
2251 | };
2252 | 
2253 | NodeParser.prototype.paintCheckbox = function(container) {
2254 |     var b = container.parseBounds();
2255 | 
2256 |     var size = Math.min(b.width, b.height);
2257 |     var bounds = {width: size - 1, height: size - 1, top: b.top, left: b.left};
2258 |     var r = [3, 3];
2259 |     var radius = [r, r, r, r];
2260 |     var borders = [1,1,1,1].map(function(w) {
2261 |         return {color: new Color('#A5A5A5'), width: w};
2262 |     });
2263 | 
2264 |     var borderPoints = calculateCurvePoints(bounds, radius, borders);
2265 | 
2266 |     this.renderer.clip(container.backgroundClip, function() {
2267 |         this.renderer.rectangle(bounds.left + 1, bounds.top + 1, bounds.width - 2, bounds.height - 2, new Color("#DEDEDE"));
2268 |         this.renderer.renderBorders(calculateBorders(borders, bounds, borderPoints, radius));
2269 |         if (container.node.checked) {
2270 |             this.renderer.font(new Color('#424242'), 'normal', 'normal', 'bold', (size - 3) + "px", 'arial');
2271 |             this.renderer.text("\u2714", bounds.left + size / 6, bounds.top + size - 1);
2272 |         }
2273 |     }, this);
2274 | };
2275 | 
2276 | NodeParser.prototype.paintRadio = function(container) {
2277 |     var bounds = container.parseBounds();
2278 | 
2279 |     var size = Math.min(bounds.width, bounds.height) - 2;
2280 | 
2281 |     this.renderer.clip(container.backgroundClip, function() {
2282 |         this.renderer.circleStroke(bounds.left + 1, bounds.top + 1, size, new Color('#DEDEDE'), 1, new Color('#A5A5A5'));
2283 |         if (container.node.checked) {
2284 |             this.renderer.circle(Math.ceil(bounds.left + size / 4) + 1, Math.ceil(bounds.top + size / 4) + 1, Math.floor(size / 2), new Color('#424242'));
2285 |         }
2286 |     }, this);
2287 | };
2288 | 
2289 | NodeParser.prototype.paintFormValue = function(container) {
2290 |     var value = container.getValue();
2291 |     if (value.length > 0) {
2292 |         var document = container.node.ownerDocument;
2293 |         var wrapper = document.createElement('html2canvaswrapper');
2294 |         var properties = ['lineHeight', 'textAlign', 'fontFamily', 'fontWeight', 'fontSize', 'color',
2295 |             'paddingLeft', 'paddingTop', 'paddingRight', 'paddingBottom',
2296 |             'width', 'height', 'borderLeftStyle', 'borderTopStyle', 'borderLeftWidth', 'borderTopWidth',
2297 |             'boxSizing', 'whiteSpace', 'wordWrap'];
2298 | 
2299 |         properties.forEach(function(property) {
2300 |             try {
2301 |                 wrapper.style[property] = container.css(property);
2302 |             } catch(e) {
2303 |                 // Older IE has issues with "border"
2304 |                 log("html2canvas: Parse: Exception caught in renderFormValue: " + e.message);
2305 |             }
2306 |         });
2307 |         var bounds = container.parseBounds();
2308 |         wrapper.style.position = "fixed";
2309 |         wrapper.style.left = bounds.left + "px";
2310 |         wrapper.style.top = bounds.top + "px";
2311 |         wrapper.textContent = value;
2312 |         document.body.appendChild(wrapper);
2313 |         this.paintText(new TextContainer(wrapper.firstChild, container));
2314 |         document.body.removeChild(wrapper);
2315 |     }
2316 | };
2317 | 
2318 | NodeParser.prototype.paintText = function(container) {
2319 |     container.applyTextTransform();
2320 |     var characters = window.html2canvas.punycode.ucs2.decode(container.node.data);
2321 |     var textList = (!this.options.letterRendering || noLetterSpacing(container)) && !hasUnicode(container.node.data) ? getWords(characters) : characters.map(function(character) {
2322 |         return window.html2canvas.punycode.ucs2.encode([character]);
2323 |     });
2324 | 
2325 |     var weight = container.parent.fontWeight();
2326 |     var size = container.parent.css('fontSize');
2327 |     var family = container.parent.css('fontFamily');
2328 |     var shadows = container.parent.parseTextShadows();
2329 | 
2330 |     this.renderer.font(container.parent.color('color'), container.parent.css('fontStyle'), container.parent.css('fontVariant'), weight, size, family);
2331 |     if (shadows.length) {
2332 |         // TODO: support multiple text shadows
2333 |         this.renderer.fontShadow(shadows[0].color, shadows[0].offsetX, shadows[0].offsetY, shadows[0].blur);
2334 |     } else {
2335 |         this.renderer.clearShadow();
2336 |     }
2337 | 
2338 |     this.renderer.clip(container.parent.clip, function() {
2339 |         textList.map(this.parseTextBounds(container), this).forEach(function(bounds, index) {
2340 |             if (bounds) {
2341 |                 this.renderer.text(textList[index], bounds.left, bounds.bottom);
2342 |                 this.renderTextDecoration(container.parent, bounds, this.fontMetrics.getMetrics(family, size));
2343 |             }
2344 |         }, this);
2345 |     }, this);
2346 | };
2347 | 
2348 | NodeParser.prototype.renderTextDecoration = function(container, bounds, metrics) {
2349 |     switch(container.css("textDecoration").split(" ")[0]) {
2350 |     case "underline":
2351 |         // Draws a line at the baseline of the font
2352 |         // TODO As some browsers display the line as more than 1px if the font-size is big, need to take that into account both in position and size
2353 |         this.renderer.rectangle(bounds.left, Math.round(bounds.top + metrics.baseline + metrics.lineWidth), bounds.width, 1, container.color("color"));
2354 |         break;
2355 |     case "overline":
2356 |         this.renderer.rectangle(bounds.left, Math.round(bounds.top), bounds.width, 1, container.color("color"));
2357 |         break;
2358 |     case "line-through":
2359 |         // TODO try and find exact position for line-through
2360 |         this.renderer.rectangle(bounds.left, Math.ceil(bounds.top + metrics.middle + metrics.lineWidth), bounds.width, 1, container.color("color"));
2361 |         break;
2362 |     }
2363 | };
2364 | 
2365 | var borderColorTransforms = {
2366 |     inset: [
2367 |         ["darken", 0.60],
2368 |         ["darken", 0.10],
2369 |         ["darken", 0.10],
2370 |         ["darken", 0.60]
2371 |     ]
2372 | };
2373 | 
2374 | NodeParser.prototype.parseBorders = function(container) {
2375 |     var nodeBounds = container.parseBounds();
2376 |     var radius = getBorderRadiusData(container);
2377 |     var borders = ["Top", "Right", "Bottom", "Left"].map(function(side, index) {
2378 |         var style = container.css('border' + side + 'Style');
2379 |         var color = container.color('border' + side + 'Color');
2380 |         if (style === "inset" && color.isBlack()) {
2381 |             color = new Color([255, 255, 255, color.a]); // this is wrong, but
2382 |         }
2383 |         var colorTransform = borderColorTransforms[style] ? borderColorTransforms[style][index] : null;
2384 |         return {
2385 |             width: container.cssInt('border' + side + 'Width'),
2386 |             color: colorTransform ? color[colorTransform[0]](colorTransform[1]) : color,
2387 |             args: null
2388 |         };
2389 |     });
2390 |     var borderPoints = calculateCurvePoints(nodeBounds, radius, borders);
2391 | 
2392 |     return {
2393 |         clip: this.parseBackgroundClip(container, borderPoints, borders, radius, nodeBounds),
2394 |         borders: calculateBorders(borders, nodeBounds, borderPoints, radius)
2395 |     };
2396 | };
2397 | 
2398 | function calculateBorders(borders, nodeBounds, borderPoints, radius) {
2399 |     return borders.map(function(border, borderSide) {
2400 |         if (border.width > 0) {
2401 |             var bx = nodeBounds.left;
2402 |             var by = nodeBounds.top;
2403 |             var bw = nodeBounds.width;
2404 |             var bh = nodeBounds.height - (borders[2].width);
2405 | 
2406 |             switch(borderSide) {
2407 |             case 0:
2408 |                 // top border
2409 |                 bh = borders[0].width;
2410 |                 border.args = drawSide({
2411 |                         c1: [bx, by],
2412 |                         c2: [bx + bw, by],
2413 |                         c3: [bx + bw - borders[1].width, by + bh],
2414 |                         c4: [bx + borders[3].width, by + bh]
2415 |                     }, radius[0], radius[1],
2416 |                     borderPoints.topLeftOuter, borderPoints.topLeftInner, borderPoints.topRightOuter, borderPoints.topRightInner);
2417 |                 break;
2418 |             case 1:
2419 |                 // right border
2420 |                 bx = nodeBounds.left + nodeBounds.width - (borders[1].width);
2421 |                 bw = borders[1].width;
2422 | 
2423 |                 border.args = drawSide({
2424 |                         c1: [bx + bw, by],
2425 |                         c2: [bx + bw, by + bh + borders[2].width],
2426 |                         c3: [bx, by + bh],
2427 |                         c4: [bx, by + borders[0].width]
2428 |                     }, radius[1], radius[2],
2429 |                     borderPoints.topRightOuter, borderPoints.topRightInner, borderPoints.bottomRightOuter, borderPoints.bottomRightInner);
2430 |                 break;
2431 |             case 2:
2432 |                 // bottom border
2433 |                 by = (by + nodeBounds.height) - (borders[2].width);
2434 |                 bh = borders[2].width;
2435 |                 border.args = drawSide({
2436 |                         c1: [bx + bw, by + bh],
2437 |                         c2: [bx, by + bh],
2438 |                         c3: [bx + borders[3].width, by],
2439 |                         c4: [bx + bw - borders[3].width, by]
2440 |                     }, radius[2], radius[3],
2441 |                     borderPoints.bottomRightOuter, borderPoints.bottomRightInner, borderPoints.bottomLeftOuter, borderPoints.bottomLeftInner);
2442 |                 break;
2443 |             case 3:
2444 |                 // left border
2445 |                 bw = borders[3].width;
2446 |                 border.args = drawSide({
2447 |                         c1: [bx, by + bh + borders[2].width],
2448 |                         c2: [bx, by],
2449 |                         c3: [bx + bw, by + borders[0].width],
2450 |                         c4: [bx + bw, by + bh]
2451 |                     }, radius[3], radius[0],
2452 |                     borderPoints.bottomLeftOuter, borderPoints.bottomLeftInner, borderPoints.topLeftOuter, borderPoints.topLeftInner);
2453 |                 break;
2454 |             }
2455 |         }
2456 |         return border;
2457 |     });
2458 | }
2459 | 
2460 | NodeParser.prototype.parseBackgroundClip = function(container, borderPoints, borders, radius, bounds) {
2461 |     var backgroundClip = container.css('backgroundClip'),
2462 |         borderArgs = [];
2463 | 
2464 |     switch(backgroundClip) {
2465 |     case "content-box":
2466 |     case "padding-box":
2467 |         parseCorner(borderArgs, radius[0], radius[1], borderPoints.topLeftInner, borderPoints.topRightInner, bounds.left + borders[3].width, bounds.top + borders[0].width);
2468 |         parseCorner(borderArgs, radius[1], radius[2], borderPoints.topRightInner, borderPoints.bottomRightInner, bounds.left + bounds.width - borders[1].width, bounds.top + borders[0].width);
2469 |         parseCorner(borderArgs, radius[2], radius[3], borderPoints.bottomRightInner, borderPoints.bottomLeftInner, bounds.left + bounds.width - borders[1].width, bounds.top + bounds.height - borders[2].width);
2470 |         parseCorner(borderArgs, radius[3], radius[0], borderPoints.bottomLeftInner, borderPoints.topLeftInner, bounds.left + borders[3].width, bounds.top + bounds.height - borders[2].width);
2471 |         break;
2472 | 
2473 |     default:
2474 |         parseCorner(borderArgs, radius[0], radius[1], borderPoints.topLeftOuter, borderPoints.topRightOuter, bounds.left, bounds.top);
2475 |         parseCorner(borderArgs, radius[1], radius[2], borderPoints.topRightOuter, borderPoints.bottomRightOuter, bounds.left + bounds.width, bounds.top);
2476 |         parseCorner(borderArgs, radius[2], radius[3], borderPoints.bottomRightOuter, borderPoints.bottomLeftOuter, bounds.left + bounds.width, bounds.top + bounds.height);
2477 |         parseCorner(borderArgs, radius[3], radius[0], borderPoints.bottomLeftOuter, borderPoints.topLeftOuter, bounds.left, bounds.top + bounds.height);
2478 |         break;
2479 |     }
2480 | 
2481 |     return borderArgs;
2482 | };
2483 | 
2484 | function getCurvePoints(x, y, r1, r2) {
2485 |     var kappa = 4 * ((Math.sqrt(2) - 1) / 3);
2486 |     var ox = (r1) * kappa, // control point offset horizontal
2487 |         oy = (r2) * kappa, // control point offset vertical
2488 |         xm = x + r1, // x-middle
2489 |         ym = y + r2; // y-middle
2490 |     return {
2491 |         topLeft: bezierCurve({x: x, y: ym}, {x: x, y: ym - oy}, {x: xm - ox, y: y}, {x: xm, y: y}),
2492 |         topRight: bezierCurve({x: x, y: y}, {x: x + ox,y: y}, {x: xm, y: ym - oy}, {x: xm, y: ym}),
2493 |         bottomRight: bezierCurve({x: xm, y: y}, {x: xm, y: y + oy}, {x: x + ox, y: ym}, {x: x, y: ym}),
2494 |         bottomLeft: bezierCurve({x: xm, y: ym}, {x: xm - ox, y: ym}, {x: x, y: y + oy}, {x: x, y:y})
2495 |     };
2496 | }
2497 | 
2498 | function calculateCurvePoints(bounds, borderRadius, borders) {
2499 |     var x = bounds.left,
2500 |         y = bounds.top,
2501 |         width = bounds.width,
2502 |         height = bounds.height,
2503 | 
2504 |         tlh = borderRadius[0][0],
2505 |         tlv = borderRadius[0][1],
2506 |         trh = borderRadius[1][0],
2507 |         trv = borderRadius[1][1],
2508 |         brh = borderRadius[2][0],
2509 |         brv = borderRadius[2][1],
2510 |         blh = borderRadius[3][0],
2511 |         blv = borderRadius[3][1];
2512 | 
2513 |     var topWidth = width - trh,
2514 |         rightHeight = height - brv,
2515 |         bottomWidth = width - brh,
2516 |         leftHeight = height - blv;
2517 | 
2518 |     return {
2519 |         topLeftOuter: getCurvePoints(x, y, tlh, tlv).topLeft.subdivide(0.5),
2520 |         topLeftInner: getCurvePoints(x + borders[3].width, y + borders[0].width, Math.max(0, tlh - borders[3].width), Math.max(0, tlv - borders[0].width)).topLeft.subdivide(0.5),
2521 |         topRightOuter: getCurvePoints(x + topWidth, y, trh, trv).topRight.subdivide(0.5),
2522 |         topRightInner: getCurvePoints(x + Math.min(topWidth, width + borders[3].width), y + borders[0].width, (topWidth > width + borders[3].width) ? 0 :trh - borders[3].width, trv - borders[0].width).topRight.subdivide(0.5),
2523 |         bottomRightOuter: getCurvePoints(x + bottomWidth, y + rightHeight, brh, brv).bottomRight.subdivide(0.5),
2524 |         bottomRightInner: getCurvePoints(x + Math.min(bottomWidth, width - borders[3].width), y + Math.min(rightHeight, height + borders[0].width), Math.max(0, brh - borders[1].width),  brv - borders[2].width).bottomRight.subdivide(0.5),
2525 |         bottomLeftOuter: getCurvePoints(x, y + leftHeight, blh, blv).bottomLeft.subdivide(0.5),
2526 |         bottomLeftInner: getCurvePoints(x + borders[3].width, y + leftHeight, Math.max(0, blh - borders[3].width), blv - borders[2].width).bottomLeft.subdivide(0.5)
2527 |     };
2528 | }
2529 | 
2530 | function bezierCurve(start, startControl, endControl, end) {
2531 |     var lerp = function (a, b, t) {
2532 |         return {
2533 |             x: a.x + (b.x - a.x) * t,
2534 |             y: a.y + (b.y - a.y) * t
2535 |         };
2536 |     };
2537 | 
2538 |     return {
2539 |         start: start,
2540 |         startControl: startControl,
2541 |         endControl: endControl,
2542 |         end: end,
2543 |         subdivide: function(t) {
2544 |             var ab = lerp(start, startControl, t),
2545 |                 bc = lerp(startControl, endControl, t),
2546 |                 cd = lerp(endControl, end, t),
2547 |                 abbc = lerp(ab, bc, t),
2548 |                 bccd = lerp(bc, cd, t),
2549 |                 dest = lerp(abbc, bccd, t);
2550 |             return [bezierCurve(start, ab, abbc, dest), bezierCurve(dest, bccd, cd, end)];
2551 |         },
2552 |         curveTo: function(borderArgs) {
2553 |             borderArgs.push(["bezierCurve", startControl.x, startControl.y, endControl.x, endControl.y, end.x, end.y]);
2554 |         },
2555 |         curveToReversed: function(borderArgs) {
2556 |             borderArgs.push(["bezierCurve", endControl.x, endControl.y, startControl.x, startControl.y, start.x, start.y]);
2557 |         }
2558 |     };
2559 | }
2560 | 
2561 | function drawSide(borderData, radius1, radius2, outer1, inner1, outer2, inner2) {
2562 |     var borderArgs = [];
2563 | 
2564 |     if (radius1[0] > 0 || radius1[1] > 0) {
2565 |         borderArgs.push(["line", outer1[1].start.x, outer1[1].start.y]);
2566 |         outer1[1].curveTo(borderArgs);
2567 |     } else {
2568 |         borderArgs.push([ "line", borderData.c1[0], borderData.c1[1]]);
2569 |     }
2570 | 
2571 |     if (radius2[0] > 0 || radius2[1] > 0) {
2572 |         borderArgs.push(["line", outer2[0].start.x, outer2[0].start.y]);
2573 |         outer2[0].curveTo(borderArgs);
2574 |         borderArgs.push(["line", inner2[0].end.x, inner2[0].end.y]);
2575 |         inner2[0].curveToReversed(borderArgs);
2576 |     } else {
2577 |         borderArgs.push(["line", borderData.c2[0], borderData.c2[1]]);
2578 |         borderArgs.push(["line", borderData.c3[0], borderData.c3[1]]);
2579 |     }
2580 | 
2581 |     if (radius1[0] > 0 || radius1[1] > 0) {
2582 |         borderArgs.push(["line", inner1[1].end.x, inner1[1].end.y]);
2583 |         inner1[1].curveToReversed(borderArgs);
2584 |     } else {
2585 |         borderArgs.push(["line", borderData.c4[0], borderData.c4[1]]);
2586 |     }
2587 | 
2588 |     return borderArgs;
2589 | }
2590 | 
2591 | function parseCorner(borderArgs, radius1, radius2, corner1, corner2, x, y) {
2592 |     if (radius1[0] > 0 || radius1[1] > 0) {
2593 |         borderArgs.push(["line", corner1[0].start.x, corner1[0].start.y]);
2594 |         corner1[0].curveTo(borderArgs);
2595 |         corner1[1].curveTo(borderArgs);
2596 |     } else {
2597 |         borderArgs.push(["line", x, y]);
2598 |     }
2599 | 
2600 |     if (radius2[0] > 0 || radius2[1] > 0) {
2601 |         borderArgs.push(["line", corner2[0].start.x, corner2[0].start.y]);
2602 |     }
2603 | }
2604 | 
2605 | function negativeZIndex(container) {
2606 |     return container.cssInt("zIndex") < 0;
2607 | }
2608 | 
2609 | function positiveZIndex(container) {
2610 |     return container.cssInt("zIndex") > 0;
2611 | }
2612 | 
2613 | function zIndex0(container) {
2614 |     return container.cssInt("zIndex") === 0;
2615 | }
2616 | 
2617 | function inlineLevel(container) {
2618 |     return ["inline", "inline-block", "inline-table"].indexOf(container.css("display")) !== -1;
2619 | }
2620 | 
2621 | function isStackingContext(container) {
2622 |     return (container instanceof StackingContext);
2623 | }
2624 | 
2625 | function hasText(container) {
2626 |     return container.node.data.trim().length > 0;
2627 | }
2628 | 
2629 | function noLetterSpacing(container) {
2630 |     return (/^(normal|none|0px)$/.test(container.parent.css("letterSpacing")));
2631 | }
2632 | 
2633 | function getBorderRadiusData(container) {
2634 |     return ["TopLeft", "TopRight", "BottomRight", "BottomLeft"].map(function(side) {
2635 |         var value = container.css('border' + side + 'Radius');
2636 |         var arr = value.split(" ");
2637 |         if (arr.length <= 1) {
2638 |             arr[1] = arr[0];
2639 |         }
2640 |         return arr.map(asInt);
2641 |     });
2642 | }
2643 | 
2644 | function renderableNode(node) {
2645 |     return (node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE);
2646 | }
2647 | 
2648 | function isPositionedForStacking(container) {
2649 |     var position = container.css("position");
2650 |     var zIndex = (["absolute", "relative", "fixed"].indexOf(position) !== -1) ? container.css("zIndex") : "auto";
2651 |     return zIndex !== "auto";
2652 | }
2653 | 
2654 | function isPositioned(container) {
2655 |     return container.css("position") !== "static";
2656 | }
2657 | 
2658 | function isFloating(container) {
2659 |     return container.css("float") !== "none";
2660 | }
2661 | 
2662 | function isInlineBlock(container) {
2663 |     return ["inline-block", "inline-table"].indexOf(container.css("display")) !== -1;
2664 | }
2665 | 
2666 | function not(callback) {
2667 |     var context = this;
2668 |     return function() {
2669 |         return !callback.apply(context, arguments);
2670 |     };
2671 | }
2672 | 
2673 | function isElement(container) {
2674 |     return container.node.nodeType === Node.ELEMENT_NODE;
2675 | }
2676 | 
2677 | function isPseudoElement(container) {
2678 |     return container.isPseudoElement === true;
2679 | }
2680 | 
2681 | function isTextNode(container) {
2682 |     return container.node.nodeType === Node.TEXT_NODE;
2683 | }
2684 | 
2685 | function zIndexSort(contexts) {
2686 |     return function(a, b) {
2687 |         return (a.cssInt("zIndex") + (contexts.indexOf(a) / contexts.length)) - (b.cssInt("zIndex") + (contexts.indexOf(b) / contexts.length));
2688 |     };
2689 | }
2690 | 
2691 | function hasOpacity(container) {
2692 |     return container.getOpacity() < 1;
2693 | }
2694 | 
2695 | function bind(callback, context) {
2696 |     return function() {
2697 |         return callback.apply(context, arguments);
2698 |     };
2699 | }
2700 | 
2701 | function asInt(value) {
2702 |     return parseInt(value, 10);
2703 | }
2704 | 
2705 | function getWidth(border) {
2706 |     return border.width;
2707 | }
2708 | 
2709 | function nonIgnoredElement(nodeContainer) {
2710 |     return (nodeContainer.node.nodeType !== Node.ELEMENT_NODE || ["SCRIPT", "HEAD", "TITLE", "OBJECT", "BR", "OPTION"].indexOf(nodeContainer.node.nodeName) === -1);
2711 | }
2712 | 
2713 | function flatten(arrays) {
2714 |     return [].concat.apply([], arrays);
2715 | }
2716 | 
2717 | function stripQuotes(content) {
2718 |     var first = content.substr(0, 1);
2719 |     return (first === content.substr(content.length - 1) && first.match(/'|"/)) ? content.substr(1, content.length - 2) : content;
2720 | }
2721 | 
2722 | function getWords(characters) {
2723 |     var words = [], i = 0, onWordBoundary = false, word;
2724 |     while(characters.length) {
2725 |         if (isWordBoundary(characters[i]) === onWordBoundary) {
2726 |             word = characters.splice(0, i);
2727 |             if (word.length) {
2728 |                 words.push(window.html2canvas.punycode.ucs2.encode(word));
2729 |             }
2730 |             onWordBoundary =! onWordBoundary;
2731 |             i = 0;
2732 |         } else {
2733 |             i++;
2734 |         }
2735 | 
2736 |         if (i >= characters.length) {
2737 |             word = characters.splice(0, i);
2738 |             if (word.length) {
2739 |                 words.push(window.html2canvas.punycode.ucs2.encode(word));
2740 |             }
2741 |         }
2742 |     }
2743 |     return words;
2744 | }
2745 | 
2746 | function isWordBoundary(characterCode) {
2747 |     return [
2748 |         32, // <space>
2749 |         13, // \r
2750 |         10, // \n
2751 |         9, // \t
2752 |         45 // -
2753 |     ].indexOf(characterCode) !== -1;
2754 | }
2755 | 
2756 | function hasUnicode(string) {
2757 |     return (/[^\u0000-\u00ff]/).test(string);
2758 | }
2759 | 
2760 | function Proxy(src, proxyUrl, document) {
2761 |     if (!proxyUrl) {
2762 |         return Promise.reject("No proxy configured");
2763 |     }
2764 |     var callback = createCallback(supportsCORS);
2765 |     var url = createProxyUrl(proxyUrl, src, callback);
2766 | 
2767 |     return supportsCORS ? XHR(url) : (jsonp(document, url, callback).then(function(response) {
2768 |         return decode64(response.content);
2769 |     }));
2770 | }
2771 | var proxyCount = 0;
2772 | 
2773 | var supportsCORS = ('withCredentials' in new XMLHttpRequest());
2774 | var supportsCORSImage = ('crossOrigin' in new Image());
2775 | 
2776 | function ProxyURL(src, proxyUrl, document) {
2777 |     var callback = createCallback(supportsCORSImage);
2778 |     var url = createProxyUrl(proxyUrl, src, callback);
2779 |     return (supportsCORSImage ? Promise.resolve(url) : jsonp(document, url, callback).then(function(response) {
2780 |         return "data:" + response.type + ";base64," + response.content;
2781 |     }));
2782 | }
2783 | 
2784 | function jsonp(document, url, callback) {
2785 |     return new Promise(function(resolve, reject) {
2786 |         var s = document.createElement("script");
2787 |         var cleanup = function() {
2788 |             delete window.html2canvas.proxy[callback];
2789 |             document.body.removeChild(s);
2790 |         };
2791 |         window.html2canvas.proxy[callback] = function(response) {
2792 |             cleanup();
2793 |             resolve(response);
2794 |         };
2795 |         s.src = url;
2796 |         s.onerror = function(e) {
2797 |             cleanup();
2798 |             reject(e);
2799 |         };
2800 |         document.body.appendChild(s);
2801 |     });
2802 | }
2803 | 
2804 | function createCallback(useCORS) {
2805 |     return !useCORS ? "html2canvas_" + Date.now() + "_" + (++proxyCount) + "_" + Math.round(Math.random() * 100000) : "";
2806 | }
2807 | 
2808 | function createProxyUrl(proxyUrl, src, callback) {
2809 |     return proxyUrl + "?url=" + encodeURIComponent(src) + (callback.length ? "&callback=html2canvas.proxy." + callback : "");
2810 | }
2811 | 
2812 | function ProxyImageContainer(src, proxy) {
2813 |     var script = document.createElement("script");
2814 |     var link = document.createElement("a");
2815 |     link.href = src;
2816 |     src = link.href;
2817 |     this.src = src;
2818 |     this.image = new Image();
2819 |     var self = this;
2820 |     this.promise = new Promise(function(resolve, reject) {
2821 |         self.image.crossOrigin = "Anonymous";
2822 |         self.image.onload = resolve;
2823 |         self.image.onerror = reject;
2824 | 
2825 |         new ProxyURL(src, proxy, document).then(function(url) {
2826 |             self.image.src = url;
2827 |         })['catch'](reject);
2828 |     });
2829 | }
2830 | 
2831 | function PseudoElementContainer(node, parent, type) {
2832 |     NodeContainer.call(this, node, parent);
2833 |     this.isPseudoElement = true;
2834 |     this.before = type === ":before";
2835 | }
2836 | 
2837 | PseudoElementContainer.prototype.cloneTo = function(stack) {
2838 |     PseudoElementContainer.prototype.cloneTo.call(this, stack);
2839 |     stack.isPseudoElement = true;
2840 |     stack.before = this.before;
2841 | };
2842 | 
2843 | PseudoElementContainer.prototype = Object.create(NodeContainer.prototype);
2844 | 
2845 | PseudoElementContainer.prototype.appendToDOM = function() {
2846 |     if (this.before) {
2847 |         this.parent.node.insertBefore(this.node, this.parent.node.firstChild);
2848 |     } else {
2849 |         this.parent.node.appendChild(this.node);
2850 |     }
2851 |     this.parent.node.className += " " + this.getHideClass();
2852 | };
2853 | 
2854 | PseudoElementContainer.prototype.cleanDOM = function() {
2855 |     this.node.parentNode.removeChild(this.node);
2856 |     this.parent.node.className = this.parent.node.className.replace(this.getHideClass(), "");
2857 | };
2858 | 
2859 | PseudoElementContainer.prototype.getHideClass = function() {
2860 |     return this["PSEUDO_HIDE_ELEMENT_CLASS_" + (this.before ? "BEFORE" : "AFTER")];
2861 | };
2862 | 
2863 | PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = "___html2canvas___pseudoelement_before";
2864 | PseudoElementContainer.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER = "___html2canvas___pseudoelement_after";
2865 | 
2866 | function Renderer(width, height, images, options, document) {
2867 |     this.width = width;
2868 |     this.height = height;
2869 |     this.images = images;
2870 |     this.options = options;
2871 |     this.document = document;
2872 | }
2873 | 
2874 | Renderer.prototype.renderImage = function(container, bounds, borderData, imageContainer) {
2875 |     var paddingLeft = container.cssInt('paddingLeft'),
2876 |         paddingTop = container.cssInt('paddingTop'),
2877 |         paddingRight = container.cssInt('paddingRight'),
2878 |         paddingBottom = container.cssInt('paddingBottom'),
2879 |         borders = borderData.borders;
2880 | 
2881 |     var width = bounds.width - (borders[1].width + borders[3].width + paddingLeft + paddingRight);
2882 |     var height = bounds.height - (borders[0].width + borders[2].width + paddingTop + paddingBottom);
2883 |     this.drawImage(
2884 |         imageContainer,
2885 |         0,
2886 |         0,
2887 |         imageContainer.image.width || width,
2888 |         imageContainer.image.height || height,
2889 |         bounds.left + paddingLeft + borders[3].width,
2890 |         bounds.top + paddingTop + borders[0].width,
2891 |         width,
2892 |         height
2893 |     );
2894 | };
2895 | 
2896 | Renderer.prototype.renderBackground = function(container, bounds, borderData) {
2897 |     if (bounds.height > 0 && bounds.width > 0) {
2898 |         this.renderBackgroundColor(container, bounds);
2899 |         this.renderBackgroundImage(container, bounds, borderData);
2900 |     }
2901 | };
2902 | 
2903 | Renderer.prototype.renderBackgroundColor = function(container, bounds) {
2904 |     var color = container.color("backgroundColor");
2905 |     if (!color.isTransparent()) {
2906 |         this.rectangle(bounds.left, bounds.top, bounds.width, bounds.height, color);
2907 |     }
2908 | };
2909 | 
2910 | Renderer.prototype.renderBorders = function(borders) {
2911 |     borders.forEach(this.renderBorder, this);
2912 | };
2913 | 
2914 | Renderer.prototype.renderBorder = function(data) {
2915 |     if (!data.color.isTransparent() && data.args !== null) {
2916 |         this.drawShape(data.args, data.color);
2917 |     }
2918 | };
2919 | 
2920 | Renderer.prototype.renderBackgroundImage = function(container, bounds, borderData) {
2921 |     var backgroundImages = container.parseBackgroundImages();
2922 |     backgroundImages.reverse().forEach(function(backgroundImage, index, arr) {
2923 |         switch(backgroundImage.method) {
2924 |         case "url":
2925 |             var image = this.images.get(backgroundImage.args[0]);
2926 |             if (image) {
2927 |                 this.renderBackgroundRepeating(container, bounds, image, arr.length - (index+1), borderData);
2928 |             } else {
2929 |                 log("Error loading background-image", backgroundImage.args[0]);
2930 |             }
2931 |             break;
2932 |         case "linear-gradient":
2933 |         case "gradient":
2934 |             var gradientImage = this.images.get(backgroundImage.value);
2935 |             if (gradientImage) {
2936 |                 this.renderBackgroundGradient(gradientImage, bounds, borderData);
2937 |             } else {
2938 |                 log("Error loading background-image", backgroundImage.args[0]);
2939 |             }
2940 |             break;
2941 |         case "none":
2942 |             break;
2943 |         default:
2944 |             log("Unknown background-image type", backgroundImage.args[0]);
2945 |         }
2946 |     }, this);
2947 | };
2948 | 
2949 | Renderer.prototype.renderBackgroundRepeating = function(container, bounds, imageContainer, index, borderData) {
2950 |     var size = container.parseBackgroundSize(bounds, imageContainer.image, index);
2951 |     var position = container.parseBackgroundPosition(bounds, imageContainer.image, index, size);
2952 |     var repeat = container.parseBackgroundRepeat(index);
2953 |     switch (repeat) {
2954 |     case "repeat-x":
2955 |     case "repeat no-repeat":
2956 |         this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + borderData[3], bounds.top + position.top + borderData[0], 99999, size.height, borderData);
2957 |         break;
2958 |     case "repeat-y":
2959 |     case "no-repeat repeat":
2960 |         this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + borderData[0], size.width, 99999, borderData);
2961 |         break;
2962 |     case "no-repeat":
2963 |         this.backgroundRepeatShape(imageContainer, position, size, bounds, bounds.left + position.left + borderData[3], bounds.top + position.top + borderData[0], size.width, size.height, borderData);
2964 |         break;
2965 |     default:
2966 |         this.renderBackgroundRepeat(imageContainer, position, size, {top: bounds.top, left: bounds.left}, borderData[3], borderData[0]);
2967 |         break;
2968 |     }
2969 | };
2970 | 
2971 | function StackingContext(hasOwnStacking, opacity, element, parent) {
2972 |     NodeContainer.call(this, element, parent);
2973 |     this.ownStacking = hasOwnStacking;
2974 |     this.contexts = [];
2975 |     this.children = [];
2976 |     this.opacity = (this.parent ? this.parent.stack.opacity : 1) * opacity;
2977 | }
2978 | 
2979 | StackingContext.prototype = Object.create(NodeContainer.prototype);
2980 | 
2981 | StackingContext.prototype.getParentStack = function(context) {
2982 |     var parentStack = (this.parent) ? this.parent.stack : null;
2983 |     return parentStack ? (parentStack.ownStacking ? parentStack : parentStack.getParentStack(context)) : context.stack;
2984 | };
2985 | 
2986 | function Support(document) {
2987 |     this.rangeBounds = this.testRangeBounds(document);
2988 |     this.cors = this.testCORS();
2989 |     this.svg = this.testSVG();
2990 | }
2991 | 
2992 | Support.prototype.testRangeBounds = function(document) {
2993 |     var range, testElement, rangeBounds, rangeHeight, support = false;
2994 | 
2995 |     if (document.createRange) {
2996 |         range = document.createRange();
2997 |         if (range.getBoundingClientRect) {
2998 |             testElement = document.createElement('boundtest');
2999 |             testElement.style.height = "123px";
3000 |             testElement.style.display = "block";
3001 |             document.body.appendChild(testElement);
3002 | 
3003 |             range.selectNode(testElement);
3004 |             rangeBounds = range.getBoundingClientRect();
3005 |             rangeHeight = rangeBounds.height;
3006 | 
3007 |             if (rangeHeight === 123) {
3008 |                 support = true;
3009 |             }
3010 |             document.body.removeChild(testElement);
3011 |         }
3012 |     }
3013 | 
3014 |     return support;
3015 | };
3016 | 
3017 | Support.prototype.testCORS = function() {
3018 |     return typeof((new Image()).crossOrigin) !== "undefined";
3019 | };
3020 | 
3021 | Support.prototype.testSVG = function() {
3022 |     var img = new Image();
3023 |     var canvas = document.createElement("canvas");
3024 |     var ctx =  canvas.getContext("2d");
3025 |     img.src = "data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";
3026 | 
3027 |     try {
3028 |         ctx.drawImage(img, 0, 0);
3029 |         canvas.toDataURL();
3030 |     } catch(e) {
3031 |         return false;
3032 |     }
3033 |     return true;
3034 | };
3035 | 
3036 | function SVGContainer(src) {
3037 |     this.src = src;
3038 |     this.image = null;
3039 |     var self = this;
3040 | 
3041 |     this.promise = this.hasFabric().then(function() {
3042 |         return (self.isInline(src) ? Promise.resolve(self.inlineFormatting(src)) : XHR(src));
3043 |     }).then(function(svg) {
3044 |         return new Promise(function(resolve) {
3045 |             html2canvas.fabric.loadSVGFromString(svg, self.createCanvas.call(self, resolve));
3046 |         });
3047 |     });
3048 | }
3049 | 
3050 | SVGContainer.prototype.hasFabric = function() {
3051 |     return !html2canvas.fabric ? Promise.reject(new Error("html2canvas.svg.js is not loaded, cannot render svg")) : Promise.resolve();
3052 | };
3053 | 
3054 | SVGContainer.prototype.inlineFormatting = function(src) {
3055 |     return (/^data:image\/svg\+xml;base64,/.test(src)) ? this.decode64(this.removeContentType(src)) : this.removeContentType(src);
3056 | };
3057 | 
3058 | SVGContainer.prototype.removeContentType = function(src) {
3059 |     return src.replace(/^data:image\/svg\+xml(;base64)?,/,'');
3060 | };
3061 | 
3062 | SVGContainer.prototype.isInline = function(src) {
3063 |     return (/^data:image\/svg\+xml/i.test(src));
3064 | };
3065 | 
3066 | SVGContainer.prototype.createCanvas = function(resolve) {
3067 |     var self = this;
3068 |     return function (objects, options) {
3069 |         var canvas = new html2canvas.fabric.StaticCanvas('c');
3070 |         self.image = canvas.lowerCanvasEl;
3071 |         canvas
3072 |             .setWidth(options.width)
3073 |             .setHeight(options.height)
3074 |             .add(html2canvas.fabric.util.groupSVGElements(objects, options))
3075 |             .renderAll();
3076 |         resolve(canvas.lowerCanvasEl);
3077 |     };
3078 | };
3079 | 
3080 | SVGContainer.prototype.decode64 = function(str) {
3081 |     return (typeof(window.atob) === "function") ? window.atob(str) : decode64(str);
3082 | };
3083 | 
3084 | /*
3085 |  * base64-arraybuffer
3086 |  * https://github.com/niklasvh/base64-arraybuffer
3087 |  *
3088 |  * Copyright (c) 2012 Niklas von Hertzen
3089 |  * Licensed under the MIT license.
3090 |  */
3091 | 
3092 | function decode64(base64) {
3093 |     var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
3094 |     var len = base64.length, i, encoded1, encoded2, encoded3, encoded4, byte1, byte2, byte3;
3095 | 
3096 |     var output = "";
3097 | 
3098 |     for (i = 0; i < len; i+=4) {
3099 |         encoded1 = chars.indexOf(base64[i]);
3100 |         encoded2 = chars.indexOf(base64[i+1]);
3101 |         encoded3 = chars.indexOf(base64[i+2]);
3102 |         encoded4 = chars.indexOf(base64[i+3]);
3103 | 
3104 |         byte1 = (encoded1 << 2) | (encoded2 >> 4);
3105 |         byte2 = ((encoded2 & 15) << 4) | (encoded3 >> 2);
3106 |         byte3 = ((encoded3 & 3) << 6) | encoded4;
3107 |         if (encoded3 === 64) {
3108 |             output += String.fromCharCode(byte1);
3109 |         } else if (encoded4 === 64 || encoded4 === -1) {
3110 |             output += String.fromCharCode(byte1, byte2);
3111 |         } else{
3112 |             output += String.fromCharCode(byte1, byte2, byte3);
3113 |         }
3114 |     }
3115 | 
3116 |     return output;
3117 | }
3118 | 
3119 | function SVGNodeContainer(node, native) {
3120 |     this.src = node;
3121 |     this.image = null;
3122 |     var self = this;
3123 | 
3124 |     this.promise = native ? new Promise(function(resolve, reject) {
3125 |         self.image = new Image();
3126 |         self.image.onload = resolve;
3127 |         self.image.onerror = reject;
3128 |         self.image.src = "data:image/svg+xml," + (new XMLSerializer()).serializeToString(node);
3129 |         if (self.image.complete === true) {
3130 |             resolve(self.image);
3131 |         }
3132 |     }) : this.hasFabric().then(function() {
3133 |         return new Promise(function(resolve) {
3134 |             html2canvas.fabric.parseSVGDocument(node, self.createCanvas.call(self, resolve));
3135 |         });
3136 |     });
3137 | }
3138 | 
3139 | SVGNodeContainer.prototype = Object.create(SVGContainer.prototype);
3140 | 
3141 | function TextContainer(node, parent) {
3142 |     NodeContainer.call(this, node, parent);
3143 | }
3144 | 
3145 | TextContainer.prototype = Object.create(NodeContainer.prototype);
3146 | 
3147 | TextContainer.prototype.applyTextTransform = function() {
3148 |     this.node.data = this.transform(this.parent.css("textTransform"));
3149 | };
3150 | 
3151 | TextContainer.prototype.transform = function(transform) {
3152 |     var text = this.node.data;
3153 |     switch(transform){
3154 |         case "lowercase":
3155 |             return text.toLowerCase();
3156 |         case "capitalize":
3157 |             return text.replace(/(^|\s|:|-|\(|\))([a-z])/g, capitalize);
3158 |         case "uppercase":
3159 |             return text.toUpperCase();
3160 |         default:
3161 |             return text;
3162 |     }
3163 | };
3164 | 
3165 | function capitalize(m, p1, p2) {
3166 |     if (m.length > 0) {
3167 |         return p1 + p2.toUpperCase();
3168 |     }
3169 | }
3170 | 
3171 | function WebkitGradientContainer(imageData) {
3172 |     GradientContainer.apply(this, arguments);
3173 |     this.type = (imageData.args[0] === "linear") ? this.TYPES.LINEAR : this.TYPES.RADIAL;
3174 | }
3175 | 
3176 | WebkitGradientContainer.prototype = Object.create(GradientContainer.prototype);
3177 | 
3178 | function XHR(url) {
3179 |     return new Promise(function(resolve, reject) {
3180 |         var xhr = new XMLHttpRequest();
3181 |         xhr.open('GET', url);
3182 | 
3183 |         xhr.onload = function() {
3184 |             if (xhr.status === 200) {
3185 |                 resolve(xhr.responseText);
3186 |             } else {
3187 |                 reject(new Error(xhr.statusText));
3188 |             }
3189 |         };
3190 | 
3191 |         xhr.onerror = function() {
3192 |             reject(new Error("Network Error"));
3193 |         };
3194 | 
3195 |         xhr.send();
3196 |     });
3197 | }
3198 | 
3199 | function CanvasRenderer(width, height) {
3200 |     Renderer.apply(this, arguments);
3201 |     this.canvas = this.options.canvas || this.document.createElement("canvas");
3202 |     if (!this.options.canvas) {
3203 |         this.canvas.width = width;
3204 |         this.canvas.height = height;
3205 |     }
3206 |     this.ctx = this.canvas.getContext("2d");
3207 |     this.taintCtx = this.document.createElement("canvas").getContext("2d");
3208 |     this.ctx.textBaseline = "bottom";
3209 |     this.variables = {};
3210 |     log("Initialized CanvasRenderer with size", width, "x", height);
3211 | }
3212 | 
3213 | CanvasRenderer.prototype = Object.create(Renderer.prototype);
3214 | 
3215 | CanvasRenderer.prototype.setFillStyle = function(fillStyle) {
3216 |     this.ctx.fillStyle = typeof(fillStyle) === "object" && !!fillStyle.isColor ? fillStyle.toString() : fillStyle;
3217 |     return this.ctx;
3218 | };
3219 | 
3220 | CanvasRenderer.prototype.rectangle = function(left, top, width, height, color) {
3221 |     this.setFillStyle(color).fillRect(left, top, width, height);
3222 | };
3223 | 
3224 | CanvasRenderer.prototype.circle = function(left, top, size, color) {
3225 |     this.setFillStyle(color);
3226 |     this.ctx.beginPath();
3227 |     this.ctx.arc(left + size / 2, top + size / 2, size / 2, 0, Math.PI*2, true);
3228 |     this.ctx.closePath();
3229 |     this.ctx.fill();
3230 | };
3231 | 
3232 | CanvasRenderer.prototype.circleStroke = function(left, top, size, color, stroke, strokeColor) {
3233 |     this.circle(left, top, size, color);
3234 |     this.ctx.strokeStyle = strokeColor.toString();
3235 |     this.ctx.stroke();
3236 | };
3237 | 
3238 | CanvasRenderer.prototype.drawShape = function(shape, color) {
3239 |     this.shape(shape);
3240 |     this.setFillStyle(color).fill();
3241 | };
3242 | 
3243 | CanvasRenderer.prototype.taints = function(imageContainer) {
3244 |     if (imageContainer.tainted === null) {
3245 |         this.taintCtx.drawImage(imageContainer.image, 0, 0);
3246 |         try {
3247 |             this.taintCtx.getImageData(0, 0, 1, 1);
3248 |             imageContainer.tainted = false;
3249 |         } catch(e) {
3250 |             this.taintCtx = document.createElement("canvas").getContext("2d");
3251 |             imageContainer.tainted = true;
3252 |         }
3253 |     }
3254 | 
3255 |     return imageContainer.tainted;
3256 | };
3257 | 
3258 | CanvasRenderer.prototype.drawImage = function(imageContainer, sx, sy, sw, sh, dx, dy, dw, dh) {
3259 |     if (!this.taints(imageContainer) || this.options.allowTaint) {
3260 |         this.ctx.drawImage(imageContainer.image, sx, sy, sw, sh, dx, dy, dw, dh);
3261 |     }
3262 | };
3263 | 
3264 | CanvasRenderer.prototype.clip = function(shapes, callback, context) {
3265 |     this.ctx.save();
3266 |     shapes.filter(hasEntries).forEach(function(shape) {
3267 |         this.shape(shape).clip();
3268 |     }, this);
3269 |     callback.call(context);
3270 |     this.ctx.restore();
3271 | };
3272 | 
3273 | CanvasRenderer.prototype.shape = function(shape) {
3274 |     this.ctx.beginPath();
3275 |     shape.forEach(function(point, index) {
3276 |         if (point[0] === "rect") {
3277 |             this.ctx.rect.apply(this.ctx, point.slice(1));
3278 |         } else {
3279 |             this.ctx[(index === 0) ? "moveTo" : point[0] + "To" ].apply(this.ctx, point.slice(1));
3280 |         }
3281 |     }, this);
3282 |     this.ctx.closePath();
3283 |     return this.ctx;
3284 | };
3285 | 
3286 | CanvasRenderer.prototype.font = function(color, style, variant, weight, size, family) {
3287 |     this.setFillStyle(color).font = [style, variant, weight, size, family].join(" ").split(",")[0];
3288 | };
3289 | 
3290 | CanvasRenderer.prototype.fontShadow = function(color, offsetX, offsetY, blur) {
3291 |     this.setVariable("shadowColor", color.toString())
3292 |         .setVariable("shadowOffsetY", offsetX)
3293 |         .setVariable("shadowOffsetX", offsetY)
3294 |         .setVariable("shadowBlur", blur);
3295 | };
3296 | 
3297 | CanvasRenderer.prototype.clearShadow = function() {
3298 |     this.setVariable("shadowColor", "rgba(0,0,0,0)");
3299 | };
3300 | 
3301 | CanvasRenderer.prototype.setOpacity = function(opacity) {
3302 |     this.ctx.globalAlpha = opacity;
3303 | };
3304 | 
3305 | CanvasRenderer.prototype.setTransform = function(transform) {
3306 |     this.ctx.translate(transform.origin[0], transform.origin[1]);
3307 |     this.ctx.transform.apply(this.ctx, transform.matrix);
3308 |     this.ctx.translate(-transform.origin[0], -transform.origin[1]);
3309 | };
3310 | 
3311 | CanvasRenderer.prototype.setVariable = function(property, value) {
3312 |     if (this.variables[property] !== value) {
3313 |         this.variables[property] = this.ctx[property] = value;
3314 |     }
3315 | 
3316 |     return this;
3317 | };
3318 | 
3319 | CanvasRenderer.prototype.text = function(text, left, bottom) {
3320 |     this.ctx.fillText(text, left, bottom);
3321 | };
3322 | 
3323 | CanvasRenderer.prototype.backgroundRepeatShape = function(imageContainer, backgroundPosition, size, bounds, left, top, width, height, borderData) {
3324 |     var shape = [
3325 |         ["line", Math.round(left), Math.round(top)],
3326 |         ["line", Math.round(left + width), Math.round(top)],
3327 |         ["line", Math.round(left + width), Math.round(height + top)],
3328 |         ["line", Math.round(left), Math.round(height + top)]
3329 |     ];
3330 |     this.clip([shape], function() {
3331 |         this.renderBackgroundRepeat(imageContainer, backgroundPosition, size, bounds, borderData[3], borderData[0]);
3332 |     }, this);
3333 | };
3334 | 
3335 | CanvasRenderer.prototype.renderBackgroundRepeat = function(imageContainer, backgroundPosition, size, bounds, borderLeft, borderTop) {
3336 |     var offsetX = Math.round(bounds.left + backgroundPosition.left + borderLeft), offsetY = Math.round(bounds.top + backgroundPosition.top + borderTop);
3337 |     this.setFillStyle(this.ctx.createPattern(this.resizeImage(imageContainer, size), "repeat"));
3338 |     this.ctx.translate(offsetX, offsetY);
3339 |     this.ctx.fill();
3340 |     this.ctx.translate(-offsetX, -offsetY);
3341 | };
3342 | 
3343 | CanvasRenderer.prototype.renderBackgroundGradient = function(gradientImage, bounds) {
3344 |     if (gradientImage instanceof LinearGradientContainer) {
3345 |         var gradient = this.ctx.createLinearGradient(
3346 |             bounds.left + bounds.width * gradientImage.x0,
3347 |             bounds.top + bounds.height * gradientImage.y0,
3348 |             bounds.left +  bounds.width * gradientImage.x1,
3349 |             bounds.top +  bounds.height * gradientImage.y1);
3350 |         gradientImage.colorStops.forEach(function(colorStop) {
3351 |             gradient.addColorStop(colorStop.stop, colorStop.color.toString());
3352 |         });
3353 |         this.rectangle(bounds.left, bounds.top, bounds.width, bounds.height, gradient);
3354 |     }
3355 | };
3356 | 
3357 | CanvasRenderer.prototype.resizeImage = function(imageContainer, size) {
3358 |     var image = imageContainer.image;
3359 |     if(image.width === size.width && image.height === size.height) {
3360 |         return image;
3361 |     }
3362 | 
3363 |     var ctx, canvas = document.createElement('canvas');
3364 |     canvas.width = size.width;
3365 |     canvas.height = size.height;
3366 |     ctx = canvas.getContext("2d");
3367 |     ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, size.width, size.height );
3368 |     return canvas;
3369 | };
3370 | 
3371 | function hasEntries(array) {
3372 |     return array.length > 0;
3373 | }
3374 | 
3375 | }).call({}, typeof(window) !== "undefined" ? window : undefined, typeof(document) !== "undefined" ? document : undefined);


--------------------------------------------------------------------------------
/js/html2canvas.min.js:
--------------------------------------------------------------------------------
1 | /*
2 |   html2canvas 0.5.0-alpha1 <http://html2canvas.hertzen.com>
3 |   Copyright (c) 2015 Niklas von Hertzen
4 | 
5 |   Released under MIT License
6 | */
7 | (function(a,b,c,d,e,f){function g(a,b,c,d,e){return p(a,a,c,d,b,a.defaultView.pageXOffset,a.defaultView.pageYOffset).then(function(f){I("Document cloned");var g=Vb+e,i="["+g+"='"+e+"']";a.querySelector(i).removeAttribute(g);var j=f.contentWindow,k=j.document.querySelector(i),l=Promise.resolve("function"==typeof b.onclone?b.onclone(j.document):!0);return l.then(function(){return h(k,f,b,c,d)})})}function h(a,c,d,e,f){var g=c.contentWindow,h=new Lb(g.document),m=new G(d,h),n=Q(a),o="view"===d.type?e:k(g.document),p="view"===d.type?f:l(g.document),q=new d.renderer(o,p,m,d,b),r=new S(a,q,h,m,d);return r.ready.then(function(){I("Finished rendering");var b;return b="view"===d.type?j(q.canvas,{width:q.canvas.width,height:q.canvas.height,top:0,left:0,x:0,y:0}):a===g.document.body||a===g.document.documentElement||null!=d.canvas?q.canvas:j(q.canvas,{width:null!=d.width?d.width:n.width,height:null!=d.height?d.height:n.height,top:n.top,left:n.left,x:g.pageXOffset,y:g.pageYOffset}),i(c,d),b})}function i(a,b){b.removeContainer&&(a.parentNode.removeChild(a),I("Cleaned up container"))}function j(a,c){var d=b.createElement("canvas"),e=Math.min(a.width-1,Math.max(0,c.left)),f=Math.min(a.width,Math.max(1,c.left+c.width)),g=Math.min(a.height-1,Math.max(0,c.top)),h=Math.min(a.height,Math.max(1,c.top+c.height));return d.width=c.width,d.height=c.height,I("Cropping canvas at:","left:",c.left,"top:",c.top,"width:",f-e,"height:",h-g),I("Resulting crop with width",c.width,"and height",c.height," with x",e,"and y",g),d.getContext("2d").drawImage(a,e,g,f-e,h-g,c.x,c.y,f-e,h-g),d}function k(a){return Math.max(Math.max(a.body.scrollWidth,a.documentElement.scrollWidth),Math.max(a.body.offsetWidth,a.documentElement.offsetWidth),Math.max(a.body.clientWidth,a.documentElement.clientWidth))}function l(a){return Math.max(Math.max(a.body.scrollHeight,a.documentElement.scrollHeight),Math.max(a.body.offsetHeight,a.documentElement.offsetHeight),Math.max(a.body.clientHeight,a.documentElement.clientHeight))}function m(){return"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}function n(){return b.documentMode&&b.documentMode<=9}function o(a,c){for(var d=3===a.nodeType?b.createTextNode(a.nodeValue):a.cloneNode(!1),e=a.firstChild;e;)(c===!0||1!==e.nodeType||"SCRIPT"!==e.nodeName)&&d.appendChild(o(e,c)),e=e.nextSibling;return d}function p(a,b,c,d,e,f,g){u(a);var h=n()?o(a.documentElement,e.javascriptEnabled):a.documentElement.cloneNode(!0),i=b.createElement("iframe");return i.className="html2canvas-container",i.style.visibility="hidden",i.style.position="fixed",i.style.left="-10000px",i.style.top="0px",i.style.border="0",i.width=c,i.height=d,i.scrolling="no",b.body.appendChild(i),new Promise(function(b){var c=i.contentWindow.document;q(a.documentElement,h,"textarea"),q(a.documentElement,h,"select"),i.contentWindow.onload=i.onload=function(){var d=setInterval(function(){c.body.childNodes.length>0&&(v(a,c),clearInterval(d),"view"===e.type&&i.contentWindow.scrollTo(f,g),b(i))},50)},c.open(),c.write("<!DOCTYPE html><html></html>"),r(a,f,g),c.replaceChild(e.javascriptEnabled===!0?c.adoptNode(h):w(c.adoptNode(h)),c.documentElement),c.close()})}function q(a,b,c){for(var d=a.getElementsByTagName(c),e=b.getElementsByTagName(c),f=d.length,g=0;f>g;g++)e[g].value=d[g].value}function r(a,b,c){!a.defaultView||b===a.defaultView.pageXOffset&&c===a.defaultView.pageYOffset||a.defaultView.scrollTo(b,c)}function s(b,c,d,e,f,g){return new Cb(b,c,a.document).then(t(b)).then(function(a){return p(a,d,e,f,g,0,0)})}function t(a){return function(c){var d,e=new DOMParser;try{d=e.parseFromString(c,"text/html")}catch(f){I("DOMParser not supported, falling back to createHTMLDocument"),d=b.implementation.createHTMLDocument("");try{d.open(),d.write(c),d.close()}catch(g){I("createHTMLDocument write not supported, falling back to document.body.innerHTML"),d.body.innerHTML=c}}var h=d.querySelector("base");if(!h||!h.href.host){var i=d.createElement("base");i.href=a,d.head.insertBefore(i,d.head.firstChild)}return d}}function u(a){[].slice.call(a.querySelectorAll("canvas"),0).forEach(function(a){a.setAttribute(Wb,"canvas-"+Xb++)})}function v(a,b){[].slice.call(a.querySelectorAll("["+Wb+"]"),0).forEach(function(a){try{var c=b.querySelector("["+Wb+'="'+a.getAttribute(Wb)+'"]');c&&(c.width=a.width,c.height=a.height,c.getContext("2d").putImageData(a.getContext("2d").getImageData(0,0,a.width,a.height),0,0))}catch(d){I("Unable to copy canvas content from",a,d)}a.removeAttribute(Wb)})}function w(a){return[].slice.call(a.childNodes,0).filter(x).forEach(function(b){"SCRIPT"===b.tagName?a.removeChild(b):w(b)}),a}function x(a){return a.nodeType===Node.ELEMENT_NODE}function y(a){var c=b.createElement("a");return c.href=a,c.href=c.href,c}function z(a){this.r=0,this.g=0,this.b=0,this.a=null;this.fromArray(a)||this.namedColor(a)||this.rgb(a)||this.rgba(a)||this.hex6(a)||this.hex3(a)}function A(a){if(this.src=a,I("DummyImageContainer for",a),!this.promise||!this.image){I("Initiating DummyImageContainer"),A.prototype.image=new Image;var b=this.image;A.prototype.promise=new Promise(function(a,c){b.onload=a,b.onerror=c,b.src=m(),b.complete===!0&&a(b)})}}function B(a,c){var d,e,f=b.createElement("div"),g=b.createElement("img"),h=b.createElement("span"),i="Hidden Text";f.style.visibility="hidden",f.style.fontFamily=a,f.style.fontSize=c,f.style.margin=0,f.style.padding=0,b.body.appendChild(f),g.src=m(),g.width=1,g.height=1,g.style.margin=0,g.style.padding=0,g.style.verticalAlign="baseline",h.style.fontFamily=a,h.style.fontSize=c,h.style.margin=0,h.style.padding=0,h.appendChild(b.createTextNode(i)),f.appendChild(h),f.appendChild(g),d=g.offsetTop-h.offsetTop+1,f.removeChild(h),f.appendChild(b.createTextNode(i)),f.style.lineHeight="normal",g.style.verticalAlign="super",e=g.offsetTop-f.offsetTop+1,b.body.removeChild(f),this.baseline=d,this.lineWidth=1,this.middle=e}function C(){this.data={}}function D(a,b,c){this.image=null,this.src=a;var d=this,e=Q(a);this.promise=(b?new Promise(function(b){"about:blank"===a.contentWindow.document.URL||null==a.contentWindow.document.documentElement?a.contentWindow.onload=a.onload=function(){b(a)}:b(a)}):this.proxyLoad(c.proxy,e,c)).then(function(a){return html2canvas(a.contentWindow.document.documentElement,{type:"view",width:a.width,height:a.height,proxy:c.proxy,javascriptEnabled:c.javascriptEnabled,removeContainer:c.removeContainer,allowTaint:c.allowTaint,imageTimeout:c.imageTimeout/2})}).then(function(a){return d.image=a})}function E(a){this.src=a.value,this.colorStops=[],this.type=null,this.x0=.5,this.y0=.5,this.x1=.5,this.y1=.5,this.promise=Promise.resolve(!0)}function F(a,b){this.src=a,this.image=new Image;var c=this;this.tainted=null,this.promise=new Promise(function(d,e){c.image.onload=d,c.image.onerror=e,b&&(c.image.crossOrigin="anonymous"),c.image.src=a,c.image.complete===!0&&d(c.image)})}function G(b,c){this.link=null,this.options=b,this.support=c,this.origin=this.getOrigin(a.location.href)}function H(a){E.apply(this,arguments),this.type=this.TYPES.LINEAR;var b=null===a.args[0].match(this.stepRegExp);b?a.args[0].split(" ").reverse().forEach(function(a){switch(a){case"left":this.x0=0,this.x1=1;break;case"top":this.y0=0,this.y1=1;break;case"right":this.x0=1,this.x1=0;break;case"bottom":this.y0=1,this.y1=0;break;case"to":var b=this.y0,c=this.x0;this.y0=this.y1,this.x0=this.x1,this.x1=c,this.y1=b}},this):(this.y0=0,this.y1=1),this.colorStops=a.args.slice(b?1:0).map(function(a){var b=a.match(this.stepRegExp);return{color:new z(b[1]),stop:"%"===b[3]?b[2]/100:null}},this),null===this.colorStops[0].stop&&(this.colorStops[0].stop=0),null===this.colorStops[this.colorStops.length-1].stop&&(this.colorStops[this.colorStops.length-1].stop=1),this.colorStops.forEach(function(a,b){null===a.stop&&this.colorStops.slice(b).some(function(c,d){return null!==c.stop?(a.stop=(c.stop-this.colorStops[b-1].stop)/(d+1)+this.colorStops[b-1].stop,!0):!1},this)},this)}function I(){a.html2canvas.logging&&a.console&&a.console.log&&Function.prototype.bind.call(a.console.log,a.console).apply(a.console,[Date.now()-a.html2canvas.start+"ms","html2canvas:"].concat([].slice.call(arguments,0)))}function J(a,b){this.node=a,this.parent=b,this.stack=null,this.bounds=null,this.borders=null,this.clip=[],this.backgroundClip=[],this.offsetBounds=null,this.visible=null,this.computedStyles=null,this.colors={},this.styles={},this.backgroundImages=null,this.transformData=null,this.transformMatrix=null,this.isPseudoElement=!1,this.opacity=null}function K(a){var b=a.options[a.selectedIndex||0];return b?b.text||"":""}function L(a){return a&&"matrix"===a[1]?a[2].split(",").map(function(a){return parseFloat(a.trim())}):void 0}function M(a){return-1!==a.toString().indexOf("%")}function N(a){var b,c,d,e,f,g,h,i=" \r\n	",j=[],k=0,l=0,m=function(){b&&('"'===c.substr(0,1)&&(c=c.substr(1,c.length-2)),c&&h.push(c),"-"===b.substr(0,1)&&(e=b.indexOf("-",1)+1)>0&&(d=b.substr(0,e),b=b.substr(e)),j.push({prefix:d,method:b.toLowerCase(),value:f,args:h,image:null})),h=[],b=d=c=f=""};return h=[],b=d=c=f="",a.split("").forEach(function(a){if(!(0===k&&i.indexOf(a)>-1)){switch(a){case'"':g?g===a&&(g=null):g=a;break;case"(":if(g)break;if(0===k)return k=1,void(f+=a);l++;break;case")":if(g)break;if(1===k){if(0===l)return k=0,f+=a,void m();l--}break;case",":if(g)break;if(0===k)return void m();if(1===k&&0===l&&!b.match(/^url$/i))return h.push(c),c="",void(f+=a)}f+=a,0===k?b+=a:c+=a}}),m(),j}function O(a){return a.replace("px","")}function P(a){return parseFloat(a)}function Q(a){if(a.getBoundingClientRect){var b=a.getBoundingClientRect(),c=null==a.offsetWidth?b.width:a.offsetWidth;return{top:b.top,bottom:b.bottom||b.top+b.height,right:b.left+c,left:b.left,width:c,height:null==a.offsetHeight?b.height:a.offsetHeight}}return{}}function R(a){var b=a.offsetParent?R(a.offsetParent):{top:0,left:0};return{top:a.offsetTop+b.top,bottom:a.offsetTop+a.offsetHeight+b.top,right:a.offsetLeft+b.left+a.offsetWidth,left:a.offsetLeft+b.left,width:a.offsetWidth,height:a.offsetHeight}}function S(a,b,c,d,e){I("Starting NodeParser"),this.renderer=b,this.options=e,this.range=null,this.support=c,this.renderQueue=[],this.stack=new Kb(!0,1,a.ownerDocument,null);var f=new J(a,null);if(e.background&&b.rectangle(0,0,b.width,b.height,new z(e.background)),a===a.ownerDocument.documentElement){var g=new J(f.color("backgroundColor").isTransparent()?a.ownerDocument.body:a.ownerDocument.documentElement,null);b.rectangle(0,0,b.width,b.height,g.color("backgroundColor"))}f.visibile=f.isElementVisible(),this.createPseudoHideStyles(a.ownerDocument),this.disableAnimations(a.ownerDocument),this.nodes=xb([f].concat(this.getChildren(f)).filter(function(a){return a.visible=a.isElementVisible()}).map(this.getPseudoElements,this)),this.fontMetrics=new C,I("Fetched nodes, total:",this.nodes.length),I("Calculate overflow clips"),this.calculateOverflowClips(),I("Start fetching images"),this.images=d.fetch(this.nodes.filter(ob)),this.ready=this.images.ready.then(tb(function(){return I("Images loaded, starting parsing"),I("Creating stacking contexts"),this.createStackingContexts(),I("Sorting stacking contexts"),this.sortStackingContexts(this.stack),this.parse(this.stack),I("Render queue created with "+this.renderQueue.length+" items"),new Promise(tb(function(a){e.async?"function"==typeof e.async?e.async.call(this,this.renderQueue,a):this.renderQueue.length>0?(this.renderIndex=0,this.asyncRenderer(this.renderQueue,a)):a():(this.renderQueue.forEach(this.paint,this),a())},this))},this))}function T(a){return a.parent&&a.parent.clip.length}function U(a){return a.replace(/(\-[a-z])/g,function(a){return a.toUpperCase().replace("-","")})}function V(){}function W(a,b,c,d){return a.map(function(e,f){if(e.width>0){var g=b.left,h=b.top,i=b.width,j=b.height-a[2].width;switch(f){case 0:j=a[0].width,e.args=$({c1:[g,h],c2:[g+i,h],c3:[g+i-a[1].width,h+j],c4:[g+a[3].width,h+j]},d[0],d[1],c.topLeftOuter,c.topLeftInner,c.topRightOuter,c.topRightInner);break;case 1:g=b.left+b.width-a[1].width,i=a[1].width,e.args=$({c1:[g+i,h],c2:[g+i,h+j+a[2].width],c3:[g,h+j],c4:[g,h+a[0].width]},d[1],d[2],c.topRightOuter,c.topRightInner,c.bottomRightOuter,c.bottomRightInner);break;case 2:h=h+b.height-a[2].width,j=a[2].width,e.args=$({c1:[g+i,h+j],c2:[g,h+j],c3:[g+a[3].width,h],c4:[g+i-a[3].width,h]},d[2],d[3],c.bottomRightOuter,c.bottomRightInner,c.bottomLeftOuter,c.bottomLeftInner);break;case 3:i=a[3].width,e.args=$({c1:[g,h+j+a[2].width],c2:[g,h],c3:[g+i,h+a[0].width],c4:[g+i,h+j]},d[3],d[0],c.bottomLeftOuter,c.bottomLeftInner,c.topLeftOuter,c.topLeftInner)}}return e})}function X(a,b,c,d){var e=4*((Math.sqrt(2)-1)/3),f=c*e,g=d*e,h=a+c,i=b+d;return{topLeft:Z({x:a,y:i},{x:a,y:i-g},{x:h-f,y:b},{x:h,y:b}),topRight:Z({x:a,y:b},{x:a+f,y:b},{x:h,y:i-g},{x:h,y:i}),bottomRight:Z({x:h,y:b},{x:h,y:b+g},{x:a+f,y:i},{x:a,y:i}),bottomLeft:Z({x:h,y:i},{x:h-f,y:i},{x:a,y:b+g},{x:a,y:b})}}function Y(a,b,c){var d=a.left,e=a.top,f=a.width,g=a.height,h=b[0][0],i=b[0][1],j=b[1][0],k=b[1][1],l=b[2][0],m=b[2][1],n=b[3][0],o=b[3][1],p=f-j,q=g-m,r=f-l,s=g-o;return{topLeftOuter:X(d,e,h,i).topLeft.subdivide(.5),topLeftInner:X(d+c[3].width,e+c[0].width,Math.max(0,h-c[3].width),Math.max(0,i-c[0].width)).topLeft.subdivide(.5),topRightOuter:X(d+p,e,j,k).topRight.subdivide(.5),topRightInner:X(d+Math.min(p,f+c[3].width),e+c[0].width,p>f+c[3].width?0:j-c[3].width,k-c[0].width).topRight.subdivide(.5),bottomRightOuter:X(d+r,e+q,l,m).bottomRight.subdivide(.5),bottomRightInner:X(d+Math.min(r,f-c[3].width),e+Math.min(q,g+c[0].width),Math.max(0,l-c[1].width),m-c[2].width).bottomRight.subdivide(.5),bottomLeftOuter:X(d,e+s,n,o).bottomLeft.subdivide(.5),bottomLeftInner:X(d+c[3].width,e+s,Math.max(0,n-c[3].width),o-c[2].width).bottomLeft.subdivide(.5)}}function Z(a,b,c,d){var e=function(a,b,c){return{x:a.x+(b.x-a.x)*c,y:a.y+(b.y-a.y)*c}};return{start:a,startControl:b,endControl:c,end:d,subdivide:function(f){var g=e(a,b,f),h=e(b,c,f),i=e(c,d,f),j=e(g,h,f),k=e(h,i,f),l=e(j,k,f);return[Z(a,g,j,l),Z(l,k,i,d)]},curveTo:function(a){a.push(["bezierCurve",b.x,b.y,c.x,c.y,d.x,d.y])},curveToReversed:function(d){d.push(["bezierCurve",c.x,c.y,b.x,b.y,a.x,a.y])}}}function $(a,b,c,d,e,f,g){var h=[];return b[0]>0||b[1]>0?(h.push(["line",d[1].start.x,d[1].start.y]),d[1].curveTo(h)):h.push(["line",a.c1[0],a.c1[1]]),c[0]>0||c[1]>0?(h.push(["line",f[0].start.x,f[0].start.y]),f[0].curveTo(h),h.push(["line",g[0].end.x,g[0].end.y]),g[0].curveToReversed(h)):(h.push(["line",a.c2[0],a.c2[1]]),h.push(["line",a.c3[0],a.c3[1]])),b[0]>0||b[1]>0?(h.push(["line",e[1].end.x,e[1].end.y]),e[1].curveToReversed(h)):h.push(["line",a.c4[0],a.c4[1]]),h}function _(a,b,c,d,e,f,g){b[0]>0||b[1]>0?(a.push(["line",d[0].start.x,d[0].start.y]),d[0].curveTo(a),d[1].curveTo(a)):a.push(["line",f,g]),(c[0]>0||c[1]>0)&&a.push(["line",e[0].start.x,e[0].start.y])}function ab(a){return a.cssInt("zIndex")<0}function bb(a){return a.cssInt("zIndex")>0}function cb(a){return 0===a.cssInt("zIndex")}function db(a){return-1!==["inline","inline-block","inline-table"].indexOf(a.css("display"))}function eb(a){return a instanceof Kb}function fb(a){return a.node.data.trim().length>0}function gb(a){return/^(normal|none|0px)$/.test(a.parent.css("letterSpacing"))}function hb(a){return["TopLeft","TopRight","BottomRight","BottomLeft"].map(function(b){var c=a.css("border"+b+"Radius"),d=c.split(" ");return d.length<=1&&(d[1]=d[0]),d.map(ub)})}function ib(a){return a.nodeType===Node.TEXT_NODE||a.nodeType===Node.ELEMENT_NODE}function jb(a){var b=a.css("position"),c=-1!==["absolute","relative","fixed"].indexOf(b)?a.css("zIndex"):"auto";return"auto"!==c}function kb(a){return"static"!==a.css("position")}function lb(a){return"none"!==a.css("float")}function mb(a){return-1!==["inline-block","inline-table"].indexOf(a.css("display"))}function nb(a){var b=this;return function(){return!a.apply(b,arguments)}}function ob(a){return a.node.nodeType===Node.ELEMENT_NODE}function pb(a){return a.isPseudoElement===!0}function qb(a){return a.node.nodeType===Node.TEXT_NODE}function rb(a){return function(b,c){return b.cssInt("zIndex")+a.indexOf(b)/a.length-(c.cssInt("zIndex")+a.indexOf(c)/a.length)}}function sb(a){return a.getOpacity()<1}function tb(a,b){return function(){return a.apply(b,arguments)}}function ub(a){return parseInt(a,10)}function vb(a){return a.width}function wb(a){return a.node.nodeType!==Node.ELEMENT_NODE||-1===["SCRIPT","HEAD","TITLE","OBJECT","BR","OPTION"].indexOf(a.node.nodeName)}function xb(a){return[].concat.apply([],a)}function yb(a){var b=a.substr(0,1);return b===a.substr(a.length-1)&&b.match(/'|"/)?a.substr(1,a.length-2):a}function zb(b){for(var c,d=[],e=0,f=!1;b.length;)Ab(b[e])===f?(c=b.splice(0,e),c.length&&d.push(a.html2canvas.punycode.ucs2.encode(c)),f=!f,e=0):e++,e>=b.length&&(c=b.splice(0,e),c.length&&d.push(a.html2canvas.punycode.ucs2.encode(c)));return d}function Ab(a){return-1!==[32,13,10,9,45].indexOf(a)}function Bb(a){return/[^\u0000-\u00ff]/.test(a)}function Cb(a,b,c){if(!b)return Promise.reject("No proxy configured");var d=Fb(ec),e=Gb(b,a,d);return ec?Sb(e):Eb(c,e,d).then(function(a){return Nb(a.content)})}function Db(a,b,c){var d=Fb(fc),e=Gb(b,a,d);return fc?Promise.resolve(e):Eb(c,e,d).then(function(a){return"data:"+a.type+";base64,"+a.content})}function Eb(b,c,d){return new Promise(function(e,f){var g=b.createElement("script"),h=function(){delete a.html2canvas.proxy[d],b.body.removeChild(g)};a.html2canvas.proxy[d]=function(a){h(),e(a)},g.src=c,g.onerror=function(a){h(),f(a)},b.body.appendChild(g)})}function Fb(a){return a?"":"html2canvas_"+Date.now()+"_"+ ++dc+"_"+Math.round(1e5*Math.random())}function Gb(a,b,c){return a+"?url="+encodeURIComponent(b)+(c.length?"&callback=html2canvas.proxy."+c:"")}function Hb(a,c){var d=(b.createElement("script"),b.createElement("a"));d.href=a,a=d.href,this.src=a,this.image=new Image;var e=this;this.promise=new Promise(function(d,f){e.image.crossOrigin="Anonymous",e.image.onload=d,e.image.onerror=f,new Db(a,c,b).then(function(a){e.image.src=a})["catch"](f)})}function Ib(a,b,c){J.call(this,a,b),this.isPseudoElement=!0,this.before=":before"===c}function Jb(a,b,c,d,e){this.width=a,this.height=b,this.images=c,this.options=d,this.document=e}function Kb(a,b,c,d){J.call(this,c,d),this.ownStacking=a,this.contexts=[],this.children=[],this.opacity=(this.parent?this.parent.stack.opacity:1)*b}function Lb(a){this.rangeBounds=this.testRangeBounds(a),this.cors=this.testCORS(),this.svg=this.testSVG()}function Mb(a){this.src=a,this.image=null;var b=this;this.promise=this.hasFabric().then(function(){return b.isInline(a)?Promise.resolve(b.inlineFormatting(a)):Sb(a)}).then(function(a){return new Promise(function(c){html2canvas.fabric.loadSVGFromString(a,b.createCanvas.call(b,c))})})}function Nb(a){var b,c,d,e,f,g,h,i,j="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",k=a.length,l="";for(b=0;k>b;b+=4)c=j.indexOf(a[b]),d=j.indexOf(a[b+1]),e=j.indexOf(a[b+2]),f=j.indexOf(a[b+3]),g=c<<2|d>>4,h=(15&d)<<4|e>>2,i=(3&e)<<6|f,l+=64===e?String.fromCharCode(g):64===f||-1===f?String.fromCharCode(g,h):String.fromCharCode(g,h,i);return l}function Ob(a,b){this.src=a,this.image=null;var c=this;this.promise=b?new Promise(function(b,d){c.image=new Image,c.image.onload=b,c.image.onerror=d,c.image.src="data:image/svg+xml,"+(new XMLSerializer).serializeToString(a),c.image.complete===!0&&b(c.image)}):this.hasFabric().then(function(){return new Promise(function(b){html2canvas.fabric.parseSVGDocument(a,c.createCanvas.call(c,b))})})}function Pb(a,b){J.call(this,a,b)}function Qb(a,b,c){return a.length>0?b+c.toUpperCase():void 0}function Rb(a){E.apply(this,arguments),this.type="linear"===a.args[0]?this.TYPES.LINEAR:this.TYPES.RADIAL}function Sb(a){return new Promise(function(b,c){var d=new XMLHttpRequest;d.open("GET",a),d.onload=function(){200===d.status?b(d.responseText):c(new Error(d.statusText))},d.onerror=function(){c(new Error("Network Error"))},d.send()})}function Tb(a,b){Jb.apply(this,arguments),this.canvas=this.options.canvas||this.document.createElement("canvas"),this.options.canvas||(this.canvas.width=a,this.canvas.height=b),this.ctx=this.canvas.getContext("2d"),this.taintCtx=this.document.createElement("canvas").getContext("2d"),this.ctx.textBaseline="bottom",this.variables={},I("Initialized CanvasRenderer with size",a,"x",b)}function Ub(a){return a.length>0}if(function(){function c(a,b){F[C]=a,F[C+1]=b,C+=2,2===C&&A()}function f(a){return"function"==typeof a}function g(){return function(){process.nextTick(k)}}function h(){var a=0,c=new E(k),d=b.createTextNode("");return c.observe(d,{characterData:!0}),function(){d.data=a=++a%2}}function i(){var a=new MessageChannel;return a.port1.onmessage=k,function(){a.port2.postMessage(0)}}function j(){return function(){setTimeout(k,1)}}function k(){for(var a=0;C>a;a+=2)F[a](F[a+1]),F[a]=void 0,F[a+1]=void 0;C=0}function l(){}function m(a,b,c,d){try{a.call(b,c,d)}catch(e){return e}}function n(a,b,d){c(function(a){var c=!1,e=m(d,b,function(d){c||(c=!0,b!==d?p(a,d):r(a,d))},function(b){c||(c=!0,s(a,b))});!c&&e&&(c=!0,s(a,e))},a)}function o(a,b){1===b.a?r(a,b.b):2===a.a?s(a,b.b):t(b,void 0,function(b){p(a,b)},function(b){s(a,b)})}function p(a,b){if(a===b)s(a,new TypeError("You cannot resolve a promise with itself"));else if("function"==typeof b||"object"==typeof b&&null!==b)if(b.constructor===a.constructor)o(a,b);else{var c;try{c=b.then}catch(d){G.error=d,c=G}c===G?s(a,G.error):void 0===c?r(a,b):f(c)?n(a,b,c):r(a,b)}else r(a,b)}function q(a){a.f&&a.f(a.b),u(a)}function r(a,b){void 0===a.a&&(a.b=b,a.a=1,0!==a.e.length&&c(u,a))}function s(a,b){void 0===a.a&&(a.a=2,a.b=b,c(q,a))}function t(a,b,d,e){var f=a.e,g=f.length;a.f=null,f[g]=b,f[g+1]=d,f[g+2]=e,0===g&&a.a&&c(u,a)}function u(a){var b=a.e,c=a.a;if(0!==b.length){for(var d,e,f=a.b,g=0;g<b.length;g+=3)d=b[g],e=b[g+c],d?w(c,d,e,f):e(f);a.e.length=0}}function v(){this.error=null}function w(a,b,c,d){var e,g,h,i,j=f(c);if(j){try{e=c(d)}catch(k){H.error=k,e=H}if(e===H?(i=!0,g=e.error,e=null):h=!0,b===e)return void s(b,new TypeError("A promises callback cannot return that same promise."))}else e=d,h=!0;void 0===b.a&&(j&&h?p(b,e):i?s(b,g):1===a?r(b,e):2===a&&s(b,e))}function x(a,b){try{b(function(b){p(a,b)},function(b){s(a,b)})}catch(c){s(a,c)}}function y(a,b,c,d){this.n=a,this.c=new a(l,d),this.i=c,this.o(b)?(this.m=b,this.d=this.length=b.length,this.l(),0===this.length?r(this.c,this.b):(this.length=this.length||0,this.k(),0===this.d&&r(this.c,this.b))):s(this.c,this.p())}function z(a){if(I++,this.b=this.a=void 0,this.e=[],l!==a){if(!f(a))throw new TypeError("You must pass a resolver function as the first argument to the promise constructor");if(!(this instanceof z))throw new TypeError("Failed to construct 'Promise': Please use the 'new' operator, this object constructor cannot be called as a function.");x(this,a)}}var A,B=Array.isArray?Array.isArray:function(a){return"[object Array]"===Object.prototype.toString.call(a)},C=0,D="undefined"!=typeof a?a:{},E=D.MutationObserver||D.WebKitMutationObserver,D="undefined"!=typeof Uint8ClampedArray&&"undefined"!=typeof importScripts&&"undefined"!=typeof MessageChannel,F=Array(1e3);A="undefined"!=typeof process&&"[object process]"==={}.toString.call(process)?g():E?h():D?i():j();var G=new v,H=new v;y.prototype.o=function(a){return B(a)},y.prototype.p=function(){return Error("Array Methods must be provided an Array")},y.prototype.l=function(){this.b=Array(this.length)},y.prototype.k=function(){for(var a=this.length,b=this.c,c=this.m,d=0;void 0===b.a&&a>d;d++)this.j(c[d],d)},y.prototype.j=function(a,b){var c=this.n;"object"==typeof a&&null!==a?a.constructor===c&&void 0!==a.a?(a.f=null,this.g(a.a,b,a.b)):this.q(c.resolve(a),b):(this.d--,this.b[b]=this.h(a))},y.prototype.g=function(a,b,c){var d=this.c;void 0===d.a&&(this.d--,this.i&&2===a?s(d,c):this.b[b]=this.h(c)),0===this.d&&r(d,this.b)},y.prototype.h=function(a){return a},y.prototype.q=function(a,b){var c=this;t(a,void 0,function(a){c.g(1,b,a)},function(a){c.g(2,b,a)})};var I=0;z.all=function(a,b){return new y(this,a,!0,b).c},z.race=function(a,b){function c(a){p(e,a)}function d(a){s(e,a)}var e=new this(l,b);if(!B(a))return s(e,new TypeError("You must pass an array to race.")),e;for(var f=a.length,g=0;void 0===e.a&&f>g;g++)t(this.resolve(a[g]),void 0,c,d);return e},z.resolve=function(a,b){if(a&&"object"==typeof a&&a.constructor===this)return a;var c=new this(l,b);return p(c,a),c},z.reject=function(a,b){var c=new this(l,b);return s(c,a),c},z.prototype={constructor:z,then:function(a,b){var d=this.a;if(1===d&&!a||2===d&&!b)return this;var e=new this.constructor(l),f=this.b;if(d){var g=arguments[d-1];c(function(){w(d,e,g,f)})}else t(this,e,a,b);return e},"catch":function(a){return this.then(null,a)}};var J={Promise:z,polyfill:function(){var b;b="undefined"!=typeof d?d:"undefined"!=typeof a&&a.document?a:self,"Promise"in b&&"resolve"in b.Promise&&"reject"in b.Promise&&"all"in b.Promise&&"race"in b.Promise&&function(){var a;return new b.Promise(function(b){a=b}),f(a)}()||(b.Promise=z)}};"function"==typeof e&&e.amd?e(function(){return J}):"undefined"!=typeof module&&module.exports?module.exports=J:"undefined"!=typeof this&&(this.ES6Promise=J)}.call(a),a&&a.ES6Promise.polyfill(),"undefined"==typeof b||"function"!=typeof Object.create||"function"!=typeof b.createElement("canvas").getContext)return void((a||module.exports).html2canvas=function(){return Promise.reject("No canvas support")});!function(a){function b(a){throw RangeError(H[a])}function f(a,b){for(var c=a.length,d=[];c--;)d[c]=b(a[c]);return d}function g(a,b){var c=a.split("@"),d="";c.length>1&&(d=c[0]+"@",a=c[1]);var e=a.split(G),g=f(e,b).join(".");return d+g}function h(a){for(var b,c,d=[],e=0,f=a.length;f>e;)b=a.charCodeAt(e++),b>=55296&&56319>=b&&f>e?(c=a.charCodeAt(e++),56320==(64512&c)?d.push(((1023&b)<<10)+(1023&c)+65536):(d.push(b),e--)):d.push(b);return d}function i(a){return f(a,function(a){var b="";return a>65535&&(a-=65536,b+=K(a>>>10&1023|55296),a=56320|1023&a),b+=K(a)}).join("")}function j(a){return 10>a-48?a-22:26>a-65?a-65:26>a-97?a-97:w}function k(a,b){return a+22+75*(26>a)-((0!=b)<<5)}function l(a,b,c){var d=0;for(a=c?J(a/A):a>>1,a+=J(a/b);a>I*y>>1;d+=w)a=J(a/I);return J(d+(I+1)*a/(a+z))}function m(a){var c,d,e,f,g,h,k,m,n,o,p=[],q=a.length,r=0,s=C,t=B;for(d=a.lastIndexOf(D),0>d&&(d=0),e=0;d>e;++e)a.charCodeAt(e)>=128&&b("not-basic"),p.push(a.charCodeAt(e));for(f=d>0?d+1:0;q>f;){for(g=r,h=1,k=w;f>=q&&b("invalid-input"),m=j(a.charCodeAt(f++)),(m>=w||m>J((v-r)/h))&&b("overflow"),r+=m*h,n=t>=k?x:k>=t+y?y:k-t,!(n>m);k+=w)o=w-n,h>J(v/o)&&b("overflow"),h*=o;c=p.length+1,t=l(r-g,c,0==g),J(r/c)>v-s&&b("overflow"),s+=J(r/c),r%=c,p.splice(r++,0,s)}return i(p)}function n(a){var c,d,e,f,g,i,j,m,n,o,p,q,r,s,t,u=[];for(a=h(a),q=a.length,c=C,d=0,g=B,i=0;q>i;++i)p=a[i],128>p&&u.push(K(p));for(e=f=u.length,f&&u.push(D);q>e;){for(j=v,i=0;q>i;++i)p=a[i],p>=c&&j>p&&(j=p);for(r=e+1,j-c>J((v-d)/r)&&b("overflow"),d+=(j-c)*r,c=j,i=0;q>i;++i)if(p=a[i],c>p&&++d>v&&b("overflow"),p==c){for(m=d,n=w;o=g>=n?x:n>=g+y?y:n-g,!(o>m);n+=w)t=m-o,s=w-o,u.push(K(k(o+t%s,0))),m=J(t/s);u.push(K(k(m,0))),g=l(d,r,e==f),d=0,++e}++d,++c}return u.join("")}function o(a){return g(a,function(a){return E.test(a)?m(a.slice(4).toLowerCase()):a})}function p(a){return g(a,function(a){return F.test(a)?"xn--"+n(a):a})}var q="object"==typeof c&&c&&!c.nodeType&&c,r="object"==typeof module&&module&&!module.nodeType&&module,s="object"==typeof d&&d;(s.global===s||s.window===s||s.self===s)&&(a=s);var t,u,v=2147483647,w=36,x=1,y=26,z=38,A=700,B=72,C=128,D="-",E=/^xn--/,F=/[^\x20-\x7E]/,G=/[\x2E\u3002\uFF0E\uFF61]/g,H={overflow:"Overflow: input needs wider integers to process","not-basic":"Illegal input >= 0x80 (not a basic code point)","invalid-input":"Invalid input"},I=w-x,J=Math.floor,K=String.fromCharCode;if(t={version:"1.3.1",ucs2:{decode:h,encode:i},decode:m,encode:n,toASCII:p,toUnicode:o},"function"==typeof e&&"object"==typeof e.amd&&e.amd)e("punycode",function(){return t});else if(q&&r)if(module.exports==q)r.exports=t;else for(u in t)t.hasOwnProperty(u)&&(q[u]=t[u]);else a.punycode=t}(this);var Vb="data-html2canvas-node",Wb="data-html2canvas-canvas-clone",Xb=0,Yb=0;a.html2canvas=function(c,d){var e=Yb++;if(d=d||{},d.logging&&(a.html2canvas.logging=!0,a.html2canvas.start=Date.now()),d.async="undefined"==typeof d.async?!0:d.async,d.allowTaint="undefined"==typeof d.allowTaint?!1:d.allowTaint,d.removeContainer="undefined"==typeof d.removeContainer?!0:d.removeContainer,d.javascriptEnabled="undefined"==typeof d.javascriptEnabled?!1:d.javascriptEnabled,d.imageTimeout="undefined"==typeof d.imageTimeout?1e4:d.imageTimeout,d.renderer="function"==typeof d.renderer?d.renderer:Tb,d.strict=!!d.strict,"string"==typeof c){if("string"!=typeof d.proxy)return Promise.reject("Proxy must be used when rendering url");var i=null!=d.width?d.width:a.innerWidth,j=null!=d.height?d.height:a.innerHeight;return s(y(c),d.proxy,b,i,j,d).then(function(a){return h(a.contentWindow.document.documentElement,a,d,i,j)})}var k=(c===f?[b.documentElement]:c.length?c:[c])[0];return k.setAttribute(Vb+e,e),g(k.ownerDocument,d,k.ownerDocument.defaultView.innerWidth,k.ownerDocument.defaultView.innerHeight,e).then(function(a){return"function"==typeof d.onrendered&&(I("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas"),d.onrendered(a)),a})},a.html2canvas.punycode=this.punycode,a.html2canvas.proxy={},z.prototype.darken=function(a){var b=1-a;return new z([Math.round(this.r*b),Math.round(this.g*b),Math.round(this.b*b),this.a])},z.prototype.isTransparent=function(){return 0===this.a},z.prototype.isBlack=function(){return 0===this.r&&0===this.g&&0===this.b},z.prototype.fromArray=function(a){return Array.isArray(a)&&(this.r=Math.min(a[0],255),this.g=Math.min(a[1],255),this.b=Math.min(a[2],255),a.length>3&&(this.a=a[3])),Array.isArray(a)};var Zb=/^#([a-f0-9]{3})$/i;z.prototype.hex3=function(a){var b=null;return null!==(b=a.match(Zb))&&(this.r=parseInt(b[1][0]+b[1][0],16),this.g=parseInt(b[1][1]+b[1][1],16),this.b=parseInt(b[1][2]+b[1][2],16)),null!==b};var $b=/^#([a-f0-9]{6})$/i;z.prototype.hex6=function(a){var b=null;return null!==(b=a.match($b))&&(this.r=parseInt(b[1].substring(0,2),16),this.g=parseInt(b[1].substring(2,4),16),this.b=parseInt(b[1].substring(4,6),16)),null!==b};var _b=/^rgb\((\d{1,3}) *, *(\d{1,3}) *, *(\d{1,3})\)$/;z.prototype.rgb=function(a){var b=null;return null!==(b=a.match(_b))&&(this.r=Number(b[1]),this.g=Number(b[2]),this.b=Number(b[3])),null!==b};var ac=/^rgba\((\d{1,3}) *, *(\d{1,3}) *, *(\d{1,3}) *, *(\d+\.?\d*)\)$/;z.prototype.rgba=function(a){var b=null;return null!==(b=a.match(ac))&&(this.r=Number(b[1]),this.g=Number(b[2]),this.b=Number(b[3]),this.a=Number(b[4])),null!==b},z.prototype.toString=function(){return null!==this.a&&1!==this.a?"rgba("+[this.r,this.g,this.b,this.a].join(",")+")":"rgb("+[this.r,this.g,this.b].join(",")+")"},z.prototype.namedColor=function(a){var b=bc[a.toLowerCase()];if(b)this.r=b[0],this.g=b[1],this.b=b[2];else if("transparent"===a.toLowerCase())return this.r=this.g=this.b=this.a=0,!0;return!!b},z.prototype.isColor=!0;var bc={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]};
8 | C.prototype.getMetrics=function(a,b){return this.data[a+"-"+b]===f&&(this.data[a+"-"+b]=new B(a,b)),this.data[a+"-"+b]},D.prototype.proxyLoad=function(a,b,c){var d=this.src;return s(d.src,a,d.ownerDocument,b.width,b.height,c)},E.prototype.TYPES={LINEAR:1,RADIAL:2},G.prototype.findImages=function(a){var b=[];return a.reduce(function(a,b){switch(b.node.nodeName){case"IMG":return a.concat([{args:[b.node.src],method:"url"}]);case"svg":case"IFRAME":return a.concat([{args:[b.node],method:b.node.nodeName}])}return a},[]).forEach(this.addImage(b,this.loadImage),this),b},G.prototype.findBackgroundImage=function(a,b){return b.parseBackgroundImages().filter(this.hasImageBackground).forEach(this.addImage(a,this.loadImage),this),a},G.prototype.addImage=function(a,b){return function(c){c.args.forEach(function(d){this.imageExists(a,d)||(a.splice(0,0,b.call(this,c)),I("Added image #"+a.length,"string"==typeof d?d.substring(0,100):d))},this)}},G.prototype.hasImageBackground=function(a){return"none"!==a.method},G.prototype.loadImage=function(a){if("url"===a.method){var b=a.args[0];return!this.isSVG(b)||this.support.svg||this.options.allowTaint?b.match(/data:image\/.*;base64,/i)?new F(b.replace(/url\(['"]{0,}|['"]{0,}\)$/gi,""),!1):this.isSameOrigin(b)||this.options.allowTaint===!0||this.isSVG(b)?new F(b,!1):this.support.cors&&!this.options.allowTaint&&this.options.useCORS?new F(b,!0):this.options.proxy?new Hb(b,this.options.proxy):new A(b):new Mb(b)}return"linear-gradient"===a.method?new H(a):"gradient"===a.method?new Rb(a):"svg"===a.method?new Ob(a.args[0],this.support.svg):"IFRAME"===a.method?new D(a.args[0],this.isSameOrigin(a.args[0].src),this.options):new A(a)},G.prototype.isSVG=function(a){return"svg"===a.substring(a.length-3).toLowerCase()||Mb.prototype.isInline(a)},G.prototype.imageExists=function(a,b){return a.some(function(a){return a.src===b})},G.prototype.isSameOrigin=function(a){return this.getOrigin(a)===this.origin},G.prototype.getOrigin=function(a){var c=this.link||(this.link=b.createElement("a"));return c.href=a,c.href=c.href,c.protocol+c.hostname+c.port},G.prototype.getPromise=function(a){return this.timeout(a,this.options.imageTimeout)["catch"](function(){var b=new A(a.src);return b.promise.then(function(b){a.image=b})})},G.prototype.get=function(a){var b=null;return this.images.some(function(c){return(b=c).src===a})?b:null},G.prototype.fetch=function(a){return this.images=a.reduce(tb(this.findBackgroundImage,this),this.findImages(a)),this.images.forEach(function(a,b){a.promise.then(function(){I("Succesfully loaded image #"+(b+1),a)},function(c){I("Failed loading image #"+(b+1),a,c)})}),this.ready=Promise.all(this.images.map(this.getPromise,this)),I("Finished searching images"),this},G.prototype.timeout=function(a,b){var c,d=Promise.race([a.promise,new Promise(function(d,e){c=setTimeout(function(){I("Timed out loading image",a),e(a)},b)})]).then(function(a){return clearTimeout(c),a});return d["catch"](function(){clearTimeout(c)}),d},H.prototype=Object.create(E.prototype),H.prototype.stepRegExp=/((?:rgb|rgba)\(\d{1,3},\s\d{1,3},\s\d{1,3}(?:,\s[0-9\.]+)?\))\s*(\d{1,3})?(%|px)?/,J.prototype.cloneTo=function(a){a.visible=this.visible,a.borders=this.borders,a.bounds=this.bounds,a.clip=this.clip,a.backgroundClip=this.backgroundClip,a.computedStyles=this.computedStyles,a.styles=this.styles,a.backgroundImages=this.backgroundImages,a.opacity=this.opacity},J.prototype.getOpacity=function(){return null===this.opacity?this.opacity=this.cssFloat("opacity"):this.opacity},J.prototype.assignStack=function(a){this.stack=a,a.children.push(this)},J.prototype.isElementVisible=function(){return this.node.nodeType===Node.TEXT_NODE?this.parent.visible:"none"!==this.css("display")&&"hidden"!==this.css("visibility")&&!this.node.hasAttribute("data-html2canvas-ignore")&&("INPUT"!==this.node.nodeName||"hidden"!==this.node.getAttribute("type"))},J.prototype.css=function(a){return this.computedStyles||(this.computedStyles=this.isPseudoElement?this.parent.computedStyle(this.before?":before":":after"):this.computedStyle(null)),this.styles[a]||(this.styles[a]=this.computedStyles[a])},J.prototype.prefixedCss=function(a){var b=["webkit","moz","ms","o"],c=this.css(a);return c===f&&b.some(function(b){return c=this.css(b+a.substr(0,1).toUpperCase()+a.substr(1)),c!==f},this),c===f?null:c},J.prototype.computedStyle=function(a){return this.node.ownerDocument.defaultView.getComputedStyle(this.node,a)},J.prototype.cssInt=function(a){var b=parseInt(this.css(a),10);return isNaN(b)?0:b},J.prototype.color=function(a){return this.colors[a]||(this.colors[a]=new z(this.css(a)))},J.prototype.cssFloat=function(a){var b=parseFloat(this.css(a));return isNaN(b)?0:b},J.prototype.fontWeight=function(){var a=this.css("fontWeight");switch(parseInt(a,10)){case 401:a="bold";break;case 400:a="normal"}return a},J.prototype.parseClip=function(){var a=this.css("clip").match(this.CLIP);return a?{top:parseInt(a[1],10),right:parseInt(a[2],10),bottom:parseInt(a[3],10),left:parseInt(a[4],10)}:null},J.prototype.parseBackgroundImages=function(){return this.backgroundImages||(this.backgroundImages=N(this.css("backgroundImage")))},J.prototype.cssList=function(a,b){var c=(this.css(a)||"").split(",");return c=c[b||0]||c[0]||"auto",c=c.trim().split(" "),1===c.length&&(c=[c[0],c[0]]),c},J.prototype.parseBackgroundSize=function(a,b,c){var d,e,f=this.cssList("backgroundSize",c);if(M(f[0]))d=a.width*parseFloat(f[0])/100;else{if(/contain|cover/.test(f[0])){var g=a.width/a.height,h=b.width/b.height;return h>g^"contain"===f[0]?{width:a.height*h,height:a.height}:{width:a.width,height:a.width/h}}d=parseInt(f[0],10)}return e="auto"===f[0]&&"auto"===f[1]?b.height:"auto"===f[1]?d/b.width*b.height:M(f[1])?a.height*parseFloat(f[1])/100:parseInt(f[1],10),"auto"===f[0]&&(d=e/b.height*b.width),{width:d,height:e}},J.prototype.parseBackgroundPosition=function(a,b,c,d){var e,f,g=this.cssList("backgroundPosition",c);return e=M(g[0])?(a.width-(d||b).width)*(parseFloat(g[0])/100):parseInt(g[0],10),f="auto"===g[1]?e/b.width*b.height:M(g[1])?(a.height-(d||b).height)*parseFloat(g[1])/100:parseInt(g[1],10),"auto"===g[0]&&(e=f/b.height*b.width),{left:e,top:f}},J.prototype.parseBackgroundRepeat=function(a){return this.cssList("backgroundRepeat",a)[0]},J.prototype.parseTextShadows=function(){var a=this.css("textShadow"),b=[];if(a&&"none"!==a)for(var c=a.match(this.TEXT_SHADOW_PROPERTY),d=0;c&&d<c.length;d++){var e=c[d].match(this.TEXT_SHADOW_VALUES);b.push({color:new z(e[0]),offsetX:e[1]?parseFloat(e[1].replace("px","")):0,offsetY:e[2]?parseFloat(e[2].replace("px","")):0,blur:e[3]?e[3].replace("px",""):0})}return b},J.prototype.parseTransform=function(){if(!this.transformData)if(this.hasTransform()){var a=this.parseBounds(),b=this.prefixedCss("transformOrigin").split(" ").map(O).map(P);b[0]+=a.left,b[1]+=a.top,this.transformData={origin:b,matrix:this.parseTransformMatrix()}}else this.transformData={origin:[0,0],matrix:[1,0,0,1,0,0]};return this.transformData},J.prototype.parseTransformMatrix=function(){if(!this.transformMatrix){var a=this.prefixedCss("transform"),b=a?L(a.match(this.MATRIX_PROPERTY)):null;this.transformMatrix=b?b:[1,0,0,1,0,0]}return this.transformMatrix},J.prototype.parseBounds=function(){return this.bounds||(this.bounds=this.hasTransform()?R(this.node):Q(this.node))},J.prototype.hasTransform=function(){return"1,0,0,1,0,0"!==this.parseTransformMatrix().join(",")||this.parent&&this.parent.hasTransform()},J.prototype.getValue=function(){var a=this.node.value||"";return"SELECT"===this.node.tagName?a=K(this.node):"password"===this.node.type&&(a=Array(a.length+1).join("•")),0===a.length?this.node.placeholder||"":a},J.prototype.MATRIX_PROPERTY=/(matrix)\((.+)\)/,J.prototype.TEXT_SHADOW_PROPERTY=/((rgba|rgb)\([^\)]+\)(\s-?\d+px){0,})/g,J.prototype.TEXT_SHADOW_VALUES=/(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\(.+\))/g,J.prototype.CLIP=/^rect\((\d+)px,? (\d+)px,? (\d+)px,? (\d+)px\)$/,S.prototype.calculateOverflowClips=function(){this.nodes.forEach(function(a){if(ob(a)){pb(a)&&a.appendToDOM(),a.borders=this.parseBorders(a);var b="hidden"===a.css("overflow")?[a.borders.clip]:[],c=a.parseClip();c&&-1!==["absolute","fixed"].indexOf(a.css("position"))&&b.push([["rect",a.bounds.left+c.left,a.bounds.top+c.top,c.right-c.left,c.bottom-c.top]]),a.clip=T(a)?a.parent.clip.concat(b):b,a.backgroundClip="hidden"!==a.css("overflow")?a.clip.concat([a.borders.clip]):a.clip,pb(a)&&a.cleanDOM()}else qb(a)&&(a.clip=T(a)?a.parent.clip:[]);pb(a)||(a.bounds=null)},this)},S.prototype.asyncRenderer=function(a,b,c){c=c||Date.now(),this.paint(a[this.renderIndex++]),a.length===this.renderIndex?b():c+20>Date.now()?this.asyncRenderer(a,b,c):setTimeout(tb(function(){this.asyncRenderer(a,b)},this),0)},S.prototype.createPseudoHideStyles=function(a){this.createStyles(a,"."+Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE+':before { content: "" !important; display: none !important; }.'+Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER+':after { content: "" !important; display: none !important; }')},S.prototype.disableAnimations=function(a){this.createStyles(a,"* { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}")},S.prototype.createStyles=function(a,b){var c=a.createElement("style");c.innerHTML=b,a.body.appendChild(c)},S.prototype.getPseudoElements=function(a){var b=[[a]];if(a.node.nodeType===Node.ELEMENT_NODE){var c=this.getPseudoElement(a,":before"),d=this.getPseudoElement(a,":after");c&&b.push(c),d&&b.push(d)}return xb(b)},S.prototype.getPseudoElement=function(a,c){var d=a.computedStyle(c);if(!d||!d.content||"none"===d.content||"-moz-alt-content"===d.content||"none"===d.display)return null;for(var e=yb(d.content),f="url"===e.substr(0,3),g=b.createElement(f?"img":"html2canvaspseudoelement"),h=new Ib(g,a,c),i=d.length-1;i>=0;i--){var j=U(d.item(i));g.style[j]=d[j]}if(g.className=Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE+" "+Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER,f)return g.src=N(e)[0].args[0],[h];var k=b.createTextNode(e);return g.appendChild(k),[h,new Pb(k,h)]},S.prototype.getChildren=function(a){return xb([].filter.call(a.node.childNodes,ib).map(function(b){var c=[b.nodeType===Node.TEXT_NODE?new Pb(b,a):new J(b,a)].filter(wb);return b.nodeType===Node.ELEMENT_NODE&&c.length&&"TEXTAREA"!==b.tagName?c[0].isElementVisible()?c.concat(this.getChildren(c[0])):[]:c},this))},S.prototype.newStackingContext=function(a,b){var c=new Kb(b,a.getOpacity(),a.node,a.parent);a.cloneTo(c);var d=b?c.getParentStack(this):c.parent.stack;d.contexts.push(c),a.stack=c},S.prototype.createStackingContexts=function(){this.nodes.forEach(function(a){ob(a)&&(this.isRootElement(a)||sb(a)||jb(a)||this.isBodyWithTransparentRoot(a)||a.hasTransform())?this.newStackingContext(a,!0):ob(a)&&(kb(a)&&cb(a)||mb(a)||lb(a))?this.newStackingContext(a,!1):a.assignStack(a.parent.stack)},this)},S.prototype.isBodyWithTransparentRoot=function(a){return"BODY"===a.node.nodeName&&a.parent.color("backgroundColor").isTransparent()},S.prototype.isRootElement=function(a){return null===a.parent},S.prototype.sortStackingContexts=function(a){a.contexts.sort(rb(a.contexts.slice(0))),a.contexts.forEach(this.sortStackingContexts,this)},S.prototype.parseTextBounds=function(a){return function(b,c,d){if("none"!==a.parent.css("textDecoration").substr(0,4)||0!==b.trim().length){if(this.support.rangeBounds&&!a.parent.hasTransform()){var e=d.slice(0,c).join("").length;return this.getRangeBounds(a.node,e,b.length)}if(a.node&&"string"==typeof a.node.data){var f=a.node.splitText(b.length),g=this.getWrapperBounds(a.node,a.parent.hasTransform());return a.node=f,g}}else(!this.support.rangeBounds||a.parent.hasTransform())&&(a.node=a.node.splitText(b.length));return{}}},S.prototype.getWrapperBounds=function(a,b){var c=a.ownerDocument.createElement("html2canvaswrapper"),d=a.parentNode,e=a.cloneNode(!0);c.appendChild(a.cloneNode(!0)),d.replaceChild(c,a);var f=b?R(c):Q(c);return d.replaceChild(e,c),f},S.prototype.getRangeBounds=function(a,b,c){var d=this.range||(this.range=a.ownerDocument.createRange());return d.setStart(a,b),d.setEnd(a,b+c),d.getBoundingClientRect()},S.prototype.parse=function(a){var b=a.contexts.filter(ab),c=a.children.filter(ob),d=c.filter(nb(lb)),e=d.filter(nb(kb)).filter(nb(db)),f=c.filter(nb(kb)).filter(lb),g=d.filter(nb(kb)).filter(db),h=a.contexts.concat(d.filter(kb)).filter(cb),i=a.children.filter(qb).filter(fb),j=a.contexts.filter(bb);b.concat(e).concat(f).concat(g).concat(h).concat(i).concat(j).forEach(function(a){this.renderQueue.push(a),eb(a)&&(this.parse(a),this.renderQueue.push(new V))},this)},S.prototype.paint=function(a){try{a instanceof V?this.renderer.ctx.restore():qb(a)?(pb(a.parent)&&a.parent.appendToDOM(),this.paintText(a),pb(a.parent)&&a.parent.cleanDOM()):this.paintNode(a)}catch(b){if(I(b),this.options.strict)throw b}},S.prototype.paintNode=function(a){eb(a)&&(this.renderer.setOpacity(a.opacity),this.renderer.ctx.save(),a.hasTransform()&&this.renderer.setTransform(a.parseTransform())),"INPUT"===a.node.nodeName&&"checkbox"===a.node.type?this.paintCheckbox(a):"INPUT"===a.node.nodeName&&"radio"===a.node.type?this.paintRadio(a):this.paintElement(a)},S.prototype.paintElement=function(a){var b=a.parseBounds();this.renderer.clip(a.backgroundClip,function(){this.renderer.renderBackground(a,b,a.borders.borders.map(vb))},this),this.renderer.clip(a.clip,function(){this.renderer.renderBorders(a.borders.borders)},this),this.renderer.clip(a.backgroundClip,function(){switch(a.node.nodeName){case"svg":case"IFRAME":var c=this.images.get(a.node);c?this.renderer.renderImage(a,b,a.borders,c):I("Error loading <"+a.node.nodeName+">",a.node);break;case"IMG":var d=this.images.get(a.node.src);d?this.renderer.renderImage(a,b,a.borders,d):I("Error loading <img>",a.node.src);break;case"CANVAS":this.renderer.renderImage(a,b,a.borders,{image:a.node});break;case"SELECT":case"INPUT":case"TEXTAREA":this.paintFormValue(a)}},this)},S.prototype.paintCheckbox=function(a){var b=a.parseBounds(),c=Math.min(b.width,b.height),d={width:c-1,height:c-1,top:b.top,left:b.left},e=[3,3],f=[e,e,e,e],g=[1,1,1,1].map(function(a){return{color:new z("#A5A5A5"),width:a}}),h=Y(d,f,g);this.renderer.clip(a.backgroundClip,function(){this.renderer.rectangle(d.left+1,d.top+1,d.width-2,d.height-2,new z("#DEDEDE")),this.renderer.renderBorders(W(g,d,h,f)),a.node.checked&&(this.renderer.font(new z("#424242"),"normal","normal","bold",c-3+"px","arial"),this.renderer.text("✔",d.left+c/6,d.top+c-1))},this)},S.prototype.paintRadio=function(a){var b=a.parseBounds(),c=Math.min(b.width,b.height)-2;this.renderer.clip(a.backgroundClip,function(){this.renderer.circleStroke(b.left+1,b.top+1,c,new z("#DEDEDE"),1,new z("#A5A5A5")),a.node.checked&&this.renderer.circle(Math.ceil(b.left+c/4)+1,Math.ceil(b.top+c/4)+1,Math.floor(c/2),new z("#424242"))},this)},S.prototype.paintFormValue=function(a){var b=a.getValue();if(b.length>0){var c=a.node.ownerDocument,d=c.createElement("html2canvaswrapper"),e=["lineHeight","textAlign","fontFamily","fontWeight","fontSize","color","paddingLeft","paddingTop","paddingRight","paddingBottom","width","height","borderLeftStyle","borderTopStyle","borderLeftWidth","borderTopWidth","boxSizing","whiteSpace","wordWrap"];e.forEach(function(b){try{d.style[b]=a.css(b)}catch(c){I("html2canvas: Parse: Exception caught in renderFormValue: "+c.message)}});var f=a.parseBounds();d.style.position="fixed",d.style.left=f.left+"px",d.style.top=f.top+"px",d.textContent=b,c.body.appendChild(d),this.paintText(new Pb(d.firstChild,a)),c.body.removeChild(d)}},S.prototype.paintText=function(b){b.applyTextTransform();var c=a.html2canvas.punycode.ucs2.decode(b.node.data),d=this.options.letterRendering&&!gb(b)||Bb(b.node.data)?c.map(function(b){return a.html2canvas.punycode.ucs2.encode([b])}):zb(c),e=b.parent.fontWeight(),f=b.parent.css("fontSize"),g=b.parent.css("fontFamily"),h=b.parent.parseTextShadows();this.renderer.font(b.parent.color("color"),b.parent.css("fontStyle"),b.parent.css("fontVariant"),e,f,g),h.length?this.renderer.fontShadow(h[0].color,h[0].offsetX,h[0].offsetY,h[0].blur):this.renderer.clearShadow(),this.renderer.clip(b.parent.clip,function(){d.map(this.parseTextBounds(b),this).forEach(function(a,c){a&&(this.renderer.text(d[c],a.left,a.bottom),this.renderTextDecoration(b.parent,a,this.fontMetrics.getMetrics(g,f)))},this)},this)},S.prototype.renderTextDecoration=function(a,b,c){switch(a.css("textDecoration").split(" ")[0]){case"underline":this.renderer.rectangle(b.left,Math.round(b.top+c.baseline+c.lineWidth),b.width,1,a.color("color"));break;case"overline":this.renderer.rectangle(b.left,Math.round(b.top),b.width,1,a.color("color"));break;case"line-through":this.renderer.rectangle(b.left,Math.ceil(b.top+c.middle+c.lineWidth),b.width,1,a.color("color"))}};var cc={inset:[["darken",.6],["darken",.1],["darken",.1],["darken",.6]]};S.prototype.parseBorders=function(a){var b=a.parseBounds(),c=hb(a),d=["Top","Right","Bottom","Left"].map(function(b,c){var d=a.css("border"+b+"Style"),e=a.color("border"+b+"Color");"inset"===d&&e.isBlack()&&(e=new z([255,255,255,e.a]));var f=cc[d]?cc[d][c]:null;return{width:a.cssInt("border"+b+"Width"),color:f?e[f[0]](f[1]):e,args:null}}),e=Y(b,c,d);return{clip:this.parseBackgroundClip(a,e,d,c,b),borders:W(d,b,e,c)}},S.prototype.parseBackgroundClip=function(a,b,c,d,e){var f=a.css("backgroundClip"),g=[];switch(f){case"content-box":case"padding-box":_(g,d[0],d[1],b.topLeftInner,b.topRightInner,e.left+c[3].width,e.top+c[0].width),_(g,d[1],d[2],b.topRightInner,b.bottomRightInner,e.left+e.width-c[1].width,e.top+c[0].width),_(g,d[2],d[3],b.bottomRightInner,b.bottomLeftInner,e.left+e.width-c[1].width,e.top+e.height-c[2].width),_(g,d[3],d[0],b.bottomLeftInner,b.topLeftInner,e.left+c[3].width,e.top+e.height-c[2].width);break;default:_(g,d[0],d[1],b.topLeftOuter,b.topRightOuter,e.left,e.top),_(g,d[1],d[2],b.topRightOuter,b.bottomRightOuter,e.left+e.width,e.top),_(g,d[2],d[3],b.bottomRightOuter,b.bottomLeftOuter,e.left+e.width,e.top+e.height),_(g,d[3],d[0],b.bottomLeftOuter,b.topLeftOuter,e.left,e.top+e.height)}return g};var dc=0,ec="withCredentials"in new XMLHttpRequest,fc="crossOrigin"in new Image;Ib.prototype.cloneTo=function(a){Ib.prototype.cloneTo.call(this,a),a.isPseudoElement=!0,a.before=this.before},Ib.prototype=Object.create(J.prototype),Ib.prototype.appendToDOM=function(){this.before?this.parent.node.insertBefore(this.node,this.parent.node.firstChild):this.parent.node.appendChild(this.node),this.parent.node.className+=" "+this.getHideClass()},Ib.prototype.cleanDOM=function(){this.node.parentNode.removeChild(this.node),this.parent.node.className=this.parent.node.className.replace(this.getHideClass(),"")},Ib.prototype.getHideClass=function(){return this["PSEUDO_HIDE_ELEMENT_CLASS_"+(this.before?"BEFORE":"AFTER")]},Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE="___html2canvas___pseudoelement_before",Ib.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER="___html2canvas___pseudoelement_after",Jb.prototype.renderImage=function(a,b,c,d){var e=a.cssInt("paddingLeft"),f=a.cssInt("paddingTop"),g=a.cssInt("paddingRight"),h=a.cssInt("paddingBottom"),i=c.borders,j=b.width-(i[1].width+i[3].width+e+g),k=b.height-(i[0].width+i[2].width+f+h);this.drawImage(d,0,0,d.image.width||j,d.image.height||k,b.left+e+i[3].width,b.top+f+i[0].width,j,k)},Jb.prototype.renderBackground=function(a,b,c){b.height>0&&b.width>0&&(this.renderBackgroundColor(a,b),this.renderBackgroundImage(a,b,c))},Jb.prototype.renderBackgroundColor=function(a,b){var c=a.color("backgroundColor");c.isTransparent()||this.rectangle(b.left,b.top,b.width,b.height,c)},Jb.prototype.renderBorders=function(a){a.forEach(this.renderBorder,this)},Jb.prototype.renderBorder=function(a){a.color.isTransparent()||null===a.args||this.drawShape(a.args,a.color)},Jb.prototype.renderBackgroundImage=function(a,b,c){var d=a.parseBackgroundImages();d.reverse().forEach(function(d,e,f){switch(d.method){case"url":var g=this.images.get(d.args[0]);g?this.renderBackgroundRepeating(a,b,g,f.length-(e+1),c):I("Error loading background-image",d.args[0]);break;case"linear-gradient":case"gradient":var h=this.images.get(d.value);h?this.renderBackgroundGradient(h,b,c):I("Error loading background-image",d.args[0]);break;case"none":break;default:I("Unknown background-image type",d.args[0])}},this)},Jb.prototype.renderBackgroundRepeating=function(a,b,c,d,e){var f=a.parseBackgroundSize(b,c.image,d),g=a.parseBackgroundPosition(b,c.image,d,f),h=a.parseBackgroundRepeat(d);switch(h){case"repeat-x":case"repeat no-repeat":this.backgroundRepeatShape(c,g,f,b,b.left+e[3],b.top+g.top+e[0],99999,f.height,e);break;case"repeat-y":case"no-repeat repeat":this.backgroundRepeatShape(c,g,f,b,b.left+g.left+e[3],b.top+e[0],f.width,99999,e);break;case"no-repeat":this.backgroundRepeatShape(c,g,f,b,b.left+g.left+e[3],b.top+g.top+e[0],f.width,f.height,e);break;default:this.renderBackgroundRepeat(c,g,f,{top:b.top,left:b.left},e[3],e[0])}},Kb.prototype=Object.create(J.prototype),Kb.prototype.getParentStack=function(a){var b=this.parent?this.parent.stack:null;return b?b.ownStacking?b:b.getParentStack(a):a.stack},Lb.prototype.testRangeBounds=function(a){var b,c,d,e,f=!1;return a.createRange&&(b=a.createRange(),b.getBoundingClientRect&&(c=a.createElement("boundtest"),c.style.height="123px",c.style.display="block",a.body.appendChild(c),b.selectNode(c),d=b.getBoundingClientRect(),e=d.height,123===e&&(f=!0),a.body.removeChild(c))),f},Lb.prototype.testCORS=function(){return"undefined"!=typeof(new Image).crossOrigin},Lb.prototype.testSVG=function(){var a=new Image,c=b.createElement("canvas"),d=c.getContext("2d");a.src="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg'></svg>";try{d.drawImage(a,0,0),c.toDataURL()}catch(e){return!1}return!0},Mb.prototype.hasFabric=function(){return html2canvas.fabric?Promise.resolve():Promise.reject(new Error("html2canvas.svg.js is not loaded, cannot render svg"))},Mb.prototype.inlineFormatting=function(a){return/^data:image\/svg\+xml;base64,/.test(a)?this.decode64(this.removeContentType(a)):this.removeContentType(a)},Mb.prototype.removeContentType=function(a){return a.replace(/^data:image\/svg\+xml(;base64)?,/,"")},Mb.prototype.isInline=function(a){return/^data:image\/svg\+xml/i.test(a)},Mb.prototype.createCanvas=function(a){var b=this;return function(c,d){var e=new html2canvas.fabric.StaticCanvas("c");b.image=e.lowerCanvasEl,e.setWidth(d.width).setHeight(d.height).add(html2canvas.fabric.util.groupSVGElements(c,d)).renderAll(),a(e.lowerCanvasEl)}},Mb.prototype.decode64=function(b){return"function"==typeof a.atob?a.atob(b):Nb(b)},Ob.prototype=Object.create(Mb.prototype),Pb.prototype=Object.create(J.prototype),Pb.prototype.applyTextTransform=function(){this.node.data=this.transform(this.parent.css("textTransform"))},Pb.prototype.transform=function(a){var b=this.node.data;switch(a){case"lowercase":return b.toLowerCase();case"capitalize":return b.replace(/(^|\s|:|-|\(|\))([a-z])/g,Qb);case"uppercase":return b.toUpperCase();default:return b}},Rb.prototype=Object.create(E.prototype),Tb.prototype=Object.create(Jb.prototype),Tb.prototype.setFillStyle=function(a){return this.ctx.fillStyle="object"==typeof a&&a.isColor?a.toString():a,this.ctx},Tb.prototype.rectangle=function(a,b,c,d,e){this.setFillStyle(e).fillRect(a,b,c,d)},Tb.prototype.circle=function(a,b,c,d){this.setFillStyle(d),this.ctx.beginPath(),this.ctx.arc(a+c/2,b+c/2,c/2,0,2*Math.PI,!0),this.ctx.closePath(),this.ctx.fill()},Tb.prototype.circleStroke=function(a,b,c,d,e,f){this.circle(a,b,c,d),this.ctx.strokeStyle=f.toString(),this.ctx.stroke()},Tb.prototype.drawShape=function(a,b){this.shape(a),this.setFillStyle(b).fill()},Tb.prototype.taints=function(a){if(null===a.tainted){this.taintCtx.drawImage(a.image,0,0);try{this.taintCtx.getImageData(0,0,1,1),a.tainted=!1}catch(c){this.taintCtx=b.createElement("canvas").getContext("2d"),a.tainted=!0}}return a.tainted},Tb.prototype.drawImage=function(a,b,c,d,e,f,g,h,i){(!this.taints(a)||this.options.allowTaint)&&this.ctx.drawImage(a.image,b,c,d,e,f,g,h,i)},Tb.prototype.clip=function(a,b,c){this.ctx.save(),a.filter(Ub).forEach(function(a){this.shape(a).clip()},this),b.call(c),this.ctx.restore()},Tb.prototype.shape=function(a){return this.ctx.beginPath(),a.forEach(function(a,b){"rect"===a[0]?this.ctx.rect.apply(this.ctx,a.slice(1)):this.ctx[0===b?"moveTo":a[0]+"To"].apply(this.ctx,a.slice(1))},this),this.ctx.closePath(),this.ctx},Tb.prototype.font=function(a,b,c,d,e,f){this.setFillStyle(a).font=[b,c,d,e,f].join(" ").split(",")[0]},Tb.prototype.fontShadow=function(a,b,c,d){this.setVariable("shadowColor",a.toString()).setVariable("shadowOffsetY",b).setVariable("shadowOffsetX",c).setVariable("shadowBlur",d)},Tb.prototype.clearShadow=function(){this.setVariable("shadowColor","rgba(0,0,0,0)")},Tb.prototype.setOpacity=function(a){this.ctx.globalAlpha=a},Tb.prototype.setTransform=function(a){this.ctx.translate(a.origin[0],a.origin[1]),this.ctx.transform.apply(this.ctx,a.matrix),this.ctx.translate(-a.origin[0],-a.origin[1])},Tb.prototype.setVariable=function(a,b){return this.variables[a]!==b&&(this.variables[a]=this.ctx[a]=b),this},Tb.prototype.text=function(a,b,c){this.ctx.fillText(a,b,c)},Tb.prototype.backgroundRepeatShape=function(a,b,c,d,e,f,g,h,i){var j=[["line",Math.round(e),Math.round(f)],["line",Math.round(e+g),Math.round(f)],["line",Math.round(e+g),Math.round(h+f)],["line",Math.round(e),Math.round(h+f)]];this.clip([j],function(){this.renderBackgroundRepeat(a,b,c,d,i[3],i[0])},this)},Tb.prototype.renderBackgroundRepeat=function(a,b,c,d,e,f){var g=Math.round(d.left+b.left+e),h=Math.round(d.top+b.top+f);this.setFillStyle(this.ctx.createPattern(this.resizeImage(a,c),"repeat")),this.ctx.translate(g,h),this.ctx.fill(),this.ctx.translate(-g,-h)},Tb.prototype.renderBackgroundGradient=function(a,b){if(a instanceof H){var c=this.ctx.createLinearGradient(b.left+b.width*a.x0,b.top+b.height*a.y0,b.left+b.width*a.x1,b.top+b.height*a.y1);a.colorStops.forEach(function(a){c.addColorStop(a.stop,a.color.toString())}),this.rectangle(b.left,b.top,b.width,b.height,c)}},Tb.prototype.resizeImage=function(a,c){var d=a.image;if(d.width===c.width&&d.height===c.height)return d;var e,f=b.createElement("canvas");return f.width=c.width,f.height=c.height,e=f.getContext("2d"),e.drawImage(d,0,0,d.width,d.height,0,0,c.width,c.height),f}}).call({},"undefined"!=typeof window?window:void 0,"undefined"!=typeof document?document:void 0);


--------------------------------------------------------------------------------
/renderPDF.js:
--------------------------------------------------------------------------------
  1 | ;(function(global){
  2 | 
  3 |     var pdfFormat = {
  4 |         'a0': [2383.94, 3370.39],
  5 |         'a1': [1683.78, 2383.94],
  6 |         'a2': [1190.55, 1683.78],
  7 |         'a3': [841.89, 1190.55],
  8 |         'a4': [595.28, 841.89],
  9 |         'a5': [419.53, 595.28],
 10 |         'a6': [297.64, 419.53],
 11 |         'a7': [209.76, 297.64],
 12 |         'a8': [147.40, 209.76],
 13 |         'a9': [104.88, 147.40],
 14 |         'a10': [73.70, 104.88],
 15 |         'b0': [2834.65, 4008.19],
 16 |         'b1': [2004.09, 2834.65],
 17 |         'b2': [1417.32, 2004.09],
 18 |         'b3': [1000.63, 1417.32],
 19 |         'b4': [708.66, 1000.63],
 20 |         'b5': [498.90, 708.66],
 21 |         'b6': [354.33, 498.90],
 22 |         'b7': [249.45, 354.33],
 23 |         'b8': [175.75, 249.45],
 24 |         'b9': [124.72, 175.75],
 25 |         'b10': [87.87, 124.72],
 26 |         'c0': [2599.37, 3676.54],
 27 |         'c1': [1836.85, 2599.37],
 28 |         'c2': [1298.27, 1836.85],
 29 |         'c3': [918.43, 1298.27],
 30 |         'c4': [649.13, 918.43],
 31 |         'c5': [459.21, 649.13],
 32 |         'c6': [323.15, 459.21],
 33 |         'c7': [229.61, 323.15],
 34 |         'c8': [161.57, 229.61],
 35 |         'c9': [113.39, 161.57],
 36 |         'c10': [79.37, 113.39],
 37 |         'dl': [311.81, 623.62],
 38 |         'letter': [612, 792],
 39 |         'government-letter': [576, 756],
 40 |         'legal': [612, 1008],
 41 |         'junior-legal': [576, 360],
 42 |         'ledger': [1224, 792],
 43 |         'tabloid': [792, 1224]
 44 |     }
 45 | 
 46 |     // the width and height of content decided by the format of pdf
 47 |     // 'a0': [2383.94, 3370.39], 'a1': [1683.78, 2383.94],
 48 |     // 'a2': [1190.55, 1683.78], 'a3': [841.89, 1190.55],
 49 |     // 'a4': [595.28, 841.89], 'a5': [419.53, 595.28],
 50 |     // 'a6': [297.64, 419.53], 'a7': [209.76, 297.64],
 51 |     // 'a8': [147.40, 209.76], 'a9': [104.88, 147.40],
 52 |     // 'a10': [73.70, 104.88], 'b0': [2834.65, 4008.19],
 53 |     // 'b1': [2004.09, 2834.65], 'b2': [1417.32, 2004.09],
 54 |     // 'b3': [1000.63, 1417.32], 'b4': [708.66, 1000.63],
 55 |     // 'b5': [498.90, 708.66], 'b6': [354.33, 498.90],
 56 |     // 'b7': [249.45, 354.33], 'b8': [175.75, 249.45],
 57 |     // 'b9': [124.72, 175.75], 'b10': [87.87, 124.72],
 58 |     // 'c0': [2599.37, 3676.54], 'c1': [1836.85, 2599.37],
 59 |     // 'c2': [1298.27, 1836.85], 'c3': [918.43, 1298.27],
 60 |     // 'c4': [649.13, 918.43], 'c5': [459.21, 649.13],
 61 |     // 'c6': [323.15, 459.21], 'c7': [229.61, 323.15],
 62 |     // 'c8': [161.57, 229.61], 'c9': [113.39, 161.57],
 63 |     // 'c10': [79.37, 113.39], 'dl': [311.81, 623.62],
 64 |     // 'letter': [612, 792],
 65 |     // 'government-letter': [576, 756],
 66 |     // 'legal': [612, 1008],
 67 |     // 'junior-legal': [576, 360],
 68 |     // 'ledger': [1224, 792],
 69 |     // 'tabloid': [792, 1224]
 70 |     global.renderPDF = function(content, pdfName, format, onSuccess){
 71 | 
 72 |         pdfName = pdfName || "content";
 73 | 
 74 |         if(pdfName.indexOf(".pdf") < 0){
 75 |             pdfName = pdfName + ".pdf";
 76 |         }
 77 | 
 78 |         format = format || "a4";
 79 | 
 80 |         var copyContent = content.cloneNode();
 81 | 
 82 |         copyContent.innerHTML = content.innerHTML;
 83 |         copyContent.style.position = "absolute";
 84 |         copyContent.style.zIndex = "-999";
 85 | 
 86 |         content = copyContent;
 87 | 
 88 |         document.body.appendChild(content);
 89 | 
 90 |         var pdfProportion = pdfFormat[format][0] / pdfFormat[format][1];
 91 | 
 92 |         var contentHeight = content.offsetHeight;
 93 |         var contentWidth = content.offsetWidth;
 94 |         
 95 |         var pageHeight = contentWidth / pdfProportion;
 96 |         var pageWidth = contentWidth;
 97 | 
 98 |         function renderPages(imgData){
 99 | 
100 |             var pdf = new jsPDF("p", "pt", format);
101 | 
102 |             if(contentHeight < pageHeight){
103 |                 
104 |                 pdf.addImage(imgData, 'JPEG', 0, 0,pdfFormat[format][0],pdfFormat[format][1]/pageHeight*contentHeight);
105 | 
106 |                 pdf.save(pdfName);
107 | 
108 |             }
109 |             else{
110 | 
111 |                 var index = 0;
112 |                 var count = parseInt(contentHeight / pageHeight);
113 | 
114 |                 var page = document.createElement("div");
115 |                 
116 |                 page.style.position = "absolute";
117 |                 page.style.width = contentWidth + "px";
118 |                 page.style.height = pageHeight + "px";
119 |                 page.style.backgroundImage = "url(" + imgData + ")";
120 |                 page.style.backgroundRepeat = "norepeat";
121 | 
122 |                 document.body.appendChild(page);
123 | 
124 |                 function addPage(i, onFinished){
125 | 
126 |                     page.style.backgroundPositionY = -pageHeight * i + "px";
127 |                     
128 |                     html2canvas(page, {
129 | 
130 |                         onrendered: function(canvas) {
131 | 
132 |                             var pageData = canvas.toDataURL('image/jpeg');
133 | 
134 |                             pdf.addImage(pageData, 'JPEG', 0, 0,pdfFormat[format][0],pdfFormat[format][1]);
135 | 
136 |                             if(i + 1 < count){
137 |                                 pdf = pdf.addPage();
138 |                                 addPage(i + 1, onFinished);
139 |                             }
140 |                             else{
141 |                                 onFinished()
142 |                             }
143 | 
144 |                         }
145 |                     });
146 | 
147 |                 }
148 | 
149 |                 addPage(index, function(){
150 | 
151 |                     page.style.backgroundPositionY = -pageHeight * count + "px";
152 | 
153 |                     var lastPageHeight = contentHeight % pageHeight;
154 |                     page.style.height = lastPageHeight + "px";
155 | 
156 |                     html2canvas(page, {
157 | 
158 |                         onrendered: function(canvas) {
159 | 
160 |                             var pageData = canvas.toDataURL('image/jpeg');
161 | 
162 |                             pdf = pdf.addPage();
163 |                             pdf.addImage(pageData, 'JPEG', 0, 0,pdfFormat[format][0], pdfFormat[format][1]/pageHeight*lastPageHeight);
164 | 
165 |                             document.body.removeChild(page);
166 |                             document.body.removeChild(content);
167 | 
168 |                             onSuccess && onSuccess();
169 | 
170 |                             pdf.save(pdfName);
171 | 
172 |                         }
173 |                     });
174 | 
175 | 
176 |                 });
177 | 
178 |             }
179 |                         
180 |             
181 |         }
182 | 
183 |         html2canvas(content, {
184 | 
185 |             // 渲染完成时调用，获得 canvas
186 |             onrendered: function(canvas) {
187 | 
188 |                 // 从 canvas 提取图片数据
189 |                 var imgData = canvas.toDataURL('image/jpeg');
190 |                 
191 |                 renderPages(imgData);
192 | 
193 |             }
194 |         });
195 | 
196 | 
197 |     }
198 | 
199 | })(window);


--------------------------------------------------------------------------------