From 5d20493f46a39fe46a90c3943ab188dd7f65e251 Mon Sep 17 00:00:00 2001 From: Niklas von Hertzen Date: Sat, 8 Feb 2014 16:52:41 +0200 Subject: [PATCH] Add support for pseudoelements --- .jshintrc | 2 +- build/html2canvas.js | 278 +++++++++++++++++++++++++-------------- build/html2canvas.min.js | 3 +- src/nodecontainer.js | 200 ++++++++++++++-------------- src/nodeparser.js | 78 ++++++++++- 5 files changed, 359 insertions(+), 202 deletions(-) diff --git a/.jshintrc b/.jshintrc index 4c8b1ec..04ec9e6 100644 --- a/.jshintrc +++ b/.jshintrc @@ -14,5 +14,5 @@ "jQuery": true }, "predef": ["NodeParser", "NodeContainer", "StackingContext", "TextContainer", "ImageLoader", "CanvasRenderer", "Renderer", "Support", "bind", "Promise", - "ImageContainer", "ProxyImageContainer", "DummyImageContainer", "Font", "FontMetrics", "GradientContainer", "LinearGradientContainer", "WebkitGradientContainer", "log", "smallImage"] + "ImageContainer", "ProxyImageContainer", "DummyImageContainer", "Font", "FontMetrics", "GradientContainer", "LinearGradientContainer", "WebkitGradientContainer", "log", "smallImage", "parseBackgrounds"] } diff --git a/build/html2canvas.js b/build/html2canvas.js index 0d04c54..3f2a691 100644 --- a/build/html2canvas.js +++ b/build/html2canvas.js @@ -363,12 +363,16 @@ NodeContainer.prototype.isElementVisible = function() { NodeContainer.prototype.css = function(attribute) { if (!this.computedStyles) { - this.computedStyles = this.node.ownerDocument.defaultView.getComputedStyle(this.node, null); + this.computedStyles = this.computedStyle(null); } return this.styles[attribute] || (this.styles[attribute] = this.computedStyles[attribute]); }; +NodeContainer.prototype.computedStyle = function(type) { + return this.node.ownerDocument.defaultView.getComputedStyle(this.node, type); +}; + NodeContainer.prototype.cssInt = function(attribute) { var value = parseInt(this.css(attribute), 10); return (isNaN(value)) ? 0 : value; // borders in old IE are throwing 'medium' for demo.html @@ -393,103 +397,6 @@ NodeContainer.prototype.fontWeight = function() { }; NodeContainer.prototype.parseBackgroundImages = function() { - function parseBackgrounds(backgroundImage) { - var whitespace = ' \r\n\t', - method, definition, prefix, prefix_i, block, results = [], - mode = 0, numParen = 0, quote, args; - var appendResult = function() { - if(method) { - if (definition.substr(0, 1) === '"') { - definition = definition.substr(1, definition.length - 2); - } - if (definition) { - args.push(definition); - } - if (method.substr(0, 1) === '-' && (prefix_i = method.indexOf('-', 1 ) + 1) > 0) { - prefix = method.substr(0, prefix_i); - method = method.substr(prefix_i); - } - results.push({ - prefix: prefix, - method: method.toLowerCase(), - value: block, - args: args, - image: null - }); - } - args = []; - method = prefix = definition = block = ''; - }; - args = []; - method = prefix = definition = block = ''; - backgroundImage.split("").forEach(function(c) { - if (mode === 0 && whitespace.indexOf(c) > -1) { - return; - } - switch(c) { - case '"': - if(!quote) { - quote = c; - } - else if(quote === c) { - quote = null; - } - break; - case '(': - if(quote) { - break; - } else if(mode === 0) { - mode = 1; - block += c; - return; - } else { - numParen++; - } - break; - case ')': - if (quote) { - break; - } else if(mode === 1) { - if(numParen === 0) { - mode = 0; - block += c; - appendResult(); - return; - } else { - numParen--; - } - } - break; - - case ',': - if (quote) { - break; - } else if(mode === 0) { - appendResult(); - return; - } else if (mode === 1) { - if (numParen === 0 && !method.match(/^url$/i)) { - args.push(definition); - definition = ''; - block += c; - return; - } - } - break; - } - - block += c; - if (mode === 0) { - method += c; - } else { - definition += c; - } - }); - - appendResult(); - return results; - } - return this.backgroundImages || (this.backgroundImages = parseBackgrounds(this.css("backgroundImage"))); }; @@ -588,6 +495,103 @@ function isPercentage(value) { return value.toString().indexOf("%") !== -1; } +function parseBackgrounds(backgroundImage) { + var whitespace = ' \r\n\t', + method, definition, prefix, prefix_i, block, results = [], + mode = 0, numParen = 0, quote, args; + var appendResult = function() { + if(method) { + if (definition.substr(0, 1) === '"') { + definition = definition.substr(1, definition.length - 2); + } + if (definition) { + args.push(definition); + } + if (method.substr(0, 1) === '-' && (prefix_i = method.indexOf('-', 1 ) + 1) > 0) { + prefix = method.substr(0, prefix_i); + method = method.substr(prefix_i); + } + results.push({ + prefix: prefix, + method: method.toLowerCase(), + value: block, + args: args, + image: null + }); + } + args = []; + method = prefix = definition = block = ''; + }; + args = []; + method = prefix = definition = block = ''; + backgroundImage.split("").forEach(function(c) { + if (mode === 0 && whitespace.indexOf(c) > -1) { + return; + } + switch(c) { + case '"': + if(!quote) { + quote = c; + } + else if(quote === c) { + quote = null; + } + break; + case '(': + if(quote) { + break; + } else if(mode === 0) { + mode = 1; + block += c; + return; + } else { + numParen++; + } + break; + case ')': + if (quote) { + break; + } else if(mode === 1) { + if(numParen === 0) { + mode = 0; + block += c; + appendResult(); + return; + } else { + numParen--; + } + } + break; + + case ',': + if (quote) { + break; + } else if(mode === 0) { + appendResult(); + return; + } else if (mode === 1) { + if (numParen === 0 && !method.match(/^url$/i)) { + args.push(definition); + definition = ''; + block += c; + return; + } + } + break; + } + + block += c; + if (mode === 0) { + method += c; + } else { + definition += c; + } + }); + + appendResult(); + return results; +} + function NodeParser(element, renderer, support, imageLoader, options) { log("Starting NodeParser"); this.renderer = renderer; @@ -597,9 +601,10 @@ function NodeParser(element, renderer, support, imageLoader, options) { this.stack = new StackingContext(true, 1, element.ownerDocument, null); var parent = new NodeContainer(element, null); parent.visibile = parent.isElementVisible(); - this.nodes = [parent].concat(this.getChildren(parent)).filter(function(container) { + this.createPseudoHideStyles(element.ownerDocument); + this.nodes = flatten([parent].concat(this.getChildren(parent)).filter(function(container) { return container.visible = container.isElementVisible(); - }); + }).map(this.getPseudoElements, this)); this.fontMetrics = new FontMetrics(); log("Fetched nodes"); this.images = imageLoader.fetch(this.nodes.filter(isElement)); @@ -614,6 +619,68 @@ function NodeParser(element, renderer, support, imageLoader, options) { }, this)); } +NodeParser.prototype.createPseudoHideStyles = function(document) { + var hidePseudoElements = document.createElement('style'); + hidePseudoElements.innerHTML = '.' + this.pseudoHideClass + ':before { content: "" !important; display: none !important; }' + + '.' + this.pseudoHideClass + ':after { content: "" !important; display: none !important; }'; + document.body.appendChild(hidePseudoElements); +}; + +NodeParser.prototype.getPseudoElements = function(container) { + var nodes = [[container]]; + if (container instanceof NodeContainer) { + var before = this.getPseudoElement(container, ":before"); + var after = this.getPseudoElement(container, ":after"); + + if (before) { + container.node.insertBefore(before[0].node, container.node.firstChild); + nodes.push(before); + } + + if (after) { + container.node.appendChild(after[0].node); + nodes.push(after); + } + + if (before || after) { + container.node.className += " " + this.pseudoHideClass; + } + } + return flatten(nodes); +}; + +NodeParser.prototype.getPseudoElement = function(container, type) { + var style = container.computedStyle(type); + if(!style || !style.content || style.content === "none" || style.content === "-moz-alt-content" || style.display === "none") { + return null; + } + + var content = stripQuotes(style.content); + var isImage = content.substr(0, 3) === 'url'; + var pseudoNode = document.createElement(isImage ? 'img' : 'html2canvaspseudoelement'); + var pseudoContainer = new NodeContainer(pseudoNode, container); + Object.keys(style).filter(indexedProperty).forEach(function(property) { + // Prevent assigning of read only CSS Rules, ex. length, parentRule + try { + pseudoNode.style[property] = style[property]; + } catch (e) { + log('Tried to assign readonly property ', property, 'Error:', e); + } + }); + + pseudoNode.className = this.pseudoHideClass; + + if (isImage) { + pseudoNode.src = parseBackgrounds(content)[0].args[0]; + return [pseudoContainer]; + } else { + var text = document.createTextNode(content); + pseudoNode.appendChild(text); + return [pseudoContainer, new TextContainer(text, pseudoContainer)]; + } +}; + + NodeParser.prototype.getChildren = function(parentContainer) { return flatten([].filter.call(parentContainer.node.childNodes, renderableNode).map(function(node) { var container = [node.nodeType === Node.TEXT_NODE ? new TextContainer(node, parentContainer) : new NodeContainer(node, parentContainer)].filter(nonIgnoredElement); @@ -918,6 +985,8 @@ NodeParser.prototype.parseBackgroundClip = function(container, borderPoints, bor return borderArgs; }; +NodeParser.prototype.pseudoHideClass = "___html2canvas___pseudoelement"; + function getCurvePoints(x, y, r1, r2) { var kappa = 4 * ((Math.sqrt(2) - 1) / 3); var ox = (r1) * kappa, // control point offset horizontal @@ -1137,6 +1206,15 @@ function flatten(arrays) { return [].concat.apply([], arrays); } +function stripQuotes(content) { + var first = content.substr(0, 1); + return (first === content.substr(content.length - 1) && first.match(/'|"/)) ? content.substr(1, content.length - 2) : content; +} + +function indexedProperty(property) { + return (isNaN(parseInt(property, 10))); +} + /* Copyright (c) 2013 Yehuda Katz, Tom Dale, and contributors diff --git a/build/html2canvas.min.js b/build/html2canvas.min.js index 69286cd..02a4046 100644 --- a/build/html2canvas.min.js +++ b/build/html2canvas.min.js @@ -4,4 +4,5 @@ Released under MIT License */ -(function(t,e,n){function r(t,e,n,r){return a(t,n,r).then(function(t){m("Document cloned");var s=t.contentWindow,a=s.document.documentElement,c=new q,h=new d(e,c),u=w.prototype.getBounds(a),p="view"===e.type?Math.min(u.width,n):i(),l="view"===e.type?Math.min(u.height,r):o(),f=new U(p,l,h),g=new w(a,f,c,h,e);return g.ready.then(function(){return t.parentNode.removeChild(t),f.canvas})})}function i(){return Math.max(Math.max(e.body.scrollWidth,e.documentElement.scrollWidth),Math.max(e.body.offsetWidth,e.documentElement.offsetWidth),Math.max(e.body.clientWidth,e.documentElement.clientWidth))}function o(){return Math.max(Math.max(e.body.scrollHeight,e.documentElement.scrollHeight),Math.max(e.body.offsetHeight,e.documentElement.offsetHeight),Math.max(e.body.clientHeight,e.documentElement.clientHeight))}function s(){return"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}function a(e,n,r){var i=e.documentElement.cloneNode(!0),o=e.createElement("iframe");return o.style.visibility="hidden",o.style.position="absolute",o.width=n,o.height=r,o.scrolling="no",e.body.appendChild(o),new Promise(function(e){var n=function(){"none"!==o.contentWindow.getComputedStyle(a,null).backgroundImage?(r.body.removeChild(a),r.body.removeChild(c),e(o)):t.setTimeout(n,10)},r=o.contentWindow.document;r.open(),r.write(""),r.close(),r.replaceChild(r.adoptNode(i),r.documentElement),o.contentWindow.scrollTo(t.scrollX,t.scrollY);var a=r.createElement("div");a.className="html2canvas-ready-test",r.body.appendChild(a);var c=r.createElement("style");c.innerHTML="body div.html2canvas-ready-test { background-image:url("+s()+"); }",r.body.appendChild(c),t.setTimeout(n,1e3)})}function c(t,n){var r,i,o=e.createElement("div"),a=e.createElement("img"),c=e.createElement("span"),h="Hidden Text";o.style.visibility="hidden",o.style.fontFamily=t,o.style.fontSize=n,o.style.margin=0,o.style.padding=0,e.body.appendChild(o),a.src=s(),a.width=1,a.height=1,a.style.margin=0,a.style.padding=0,a.style.verticalAlign="baseline",c.style.fontFamily=t,c.style.fontSize=n,c.style.margin=0,c.style.padding=0,c.appendChild(e.createTextNode(h)),o.appendChild(c),o.appendChild(a),r=a.offsetTop-c.offsetTop+1,o.removeChild(c),o.appendChild(e.createTextNode(h)),o.style.lineHeight="normal",a.style.verticalAlign="super",i=a.offsetTop-o.offsetTop+1,e.body.removeChild(o),this.baseline=r,this.lineWidth=1,this.middle=i}function h(){this.data={}}function u(t){this.src=t.value,this.colorStops=[],this.type=null,this.x0=.5,this.y0=.5,this.x1=.5,this.y1=.5,this.promise=Promise.resolve(!0)}function p(t,e){this.src=t,this.image=new Image;var n=this.image;this.promise=new Promise(function(r,i){n.onload=r,n.onerror=i,e&&(n.crossOrigin="anonymous"),n.src=t,n.complete===!0&&r(n)})}function d(e,n){this.link=null,this.options=e,this.support=n,this.origin=t.location.protocol+t.location.host}function l(t){return"IMG"===t.node.nodeName}function f(t){return{args:[t.node.src],method:"url"}}function g(t){u.apply(this,arguments),this.type=this.TYPES.LINEAR,t.args[0].split(" ").forEach(function(t){switch(t){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}},this),t.args.slice(1).forEach(function(){},this)}function m(){t.html2canvas.logging&&t.console&&t.console.log&&t.console.log.apply(t.console,[Date.now()-t.html2canvas.start+"ms","html2canvas:"].concat([].slice.call(arguments,0)))}function y(t,e){this.node=t,this.parent=e,this.stack=null,this.bounds=null,this.visible=null,this.computedStyles=null,this.styles={},this.backgroundImages=null}function b(t){return-1!==(""+t).indexOf("%")}function w(t,e,n,r,i){m("Starting NodeParser"),this.renderer=e,this.options=i,this.range=null,this.support=n,this.stack=new $(!0,1,t.ownerDocument,null);var o=new y(t,null);o.visibile=o.isElementVisible(),this.nodes=[o].concat(this.getChildren(o)).filter(function(t){return t.visible=t.isElementVisible()}),this.fontMetrics=new h,m("Fetched nodes"),this.images=r.fetch(this.nodes.filter(W)),m("Creating stacking contexts"),this.createStackingContexts(),m("Sorting stacking contexts"),this.sortStackingContexts(this.stack),this.ready=this.images.ready.then(H(function(){m("Images loaded, starting parsing"),this.parse(this.stack),m("Finished rendering")},this))}function v(t,e,n,r){var i=4*((Math.sqrt(2)-1)/3),o=n*i,s=r*i,a=t+n,c=e+r;return{topLeft:k({x:t,y:c},{x:t,y:c-s},{x:a-o,y:e},{x:a,y:e}),topRight:k({x:t,y:e},{x:t+o,y:e},{x:a,y:c-s},{x:a,y:c}),bottomRight:k({x:a,y:e},{x:a,y:e+s},{x:t+o,y:c},{x:t,y:c}),bottomLeft:k({x:a,y:c},{x:a-o,y:c},{x:t,y:e+s},{x:t,y:e})}}function x(t,e,n){var r=t.left,i=t.top,o=t.width,s=t.height,a=e[0][0],c=e[0][1],h=e[1][0],u=e[1][1],p=e[2][0],d=e[2][1],l=e[3][0],f=e[3][1],g=o-h,m=s-d,y=o-p,b=s-f;return{topLeftOuter:v(r,i,a,c).topLeft.subdivide(.5),topLeftInner:v(r+n[3].width,i+n[0].width,Math.max(0,a-n[3].width),Math.max(0,c-n[0].width)).topLeft.subdivide(.5),topRightOuter:v(r+g,i,h,u).topRight.subdivide(.5),topRightInner:v(r+Math.min(g,o+n[3].width),i+n[0].width,g>o+n[3].width?0:h-n[3].width,u-n[0].width).topRight.subdivide(.5),bottomRightOuter:v(r+y,i+m,p,d).bottomRight.subdivide(.5),bottomRightInner:v(r+Math.min(y,o+n[3].width),i+Math.min(m,s+n[0].width),Math.max(0,p-n[1].width),Math.max(0,d-n[2].width)).bottomRight.subdivide(.5),bottomLeftOuter:v(r,i+b,l,f).bottomLeft.subdivide(.5),bottomLeftInner:v(r+n[3].width,i+b,Math.max(0,l-n[3].width),Math.max(0,f-n[2].width)).bottomLeft.subdivide(.5)}}function k(t,e,n,r){var i=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}};return{start:t,startControl:e,endControl:n,end:r,subdivide:function(o){var s=i(t,e,o),a=i(e,n,o),c=i(n,r,o),h=i(s,a,o),u=i(a,c,o),p=i(h,u,o);return[k(t,s,h,p),k(p,u,c,r)]},curveTo:function(t){t.push(["bezierCurve",e.x,e.y,n.x,n.y,r.x,r.y])},curveToReversed:function(r){r.push(["bezierCurve",n.x,n.y,e.x,e.y,t.x,t.y])}}}function E(t,e,n,r,i,o,s){var a=[];return e[0]>0||e[1]>0?(a.push(["line",r[1].start.x,r[1].start.y]),r[1].curveTo(a)):a.push(["line",t.c1[0],t.c1[1]]),n[0]>0||n[1]>0?(a.push(["line",o[0].start.x,o[0].start.y]),o[0].curveTo(a),a.push(["line",s[0].end.x,s[0].end.y]),s[0].curveToReversed(a)):(a.push(["line",t.c2[0],t.c2[1]]),a.push(["line",t.c3[0],t.c3[1]])),e[0]>0||e[1]>0?(a.push(["line",i[1].end.x,i[1].end.y]),i[1].curveToReversed(a)):a.push(["line",t.c4[0],t.c4[1]]),a}function T(t,e,n,r,i,o,s){e[0]>0||e[1]>0?(t.push(["line",r[0].start.x,r[0].start.y]),r[0].curveTo(t),r[1].curveTo(t)):t.push(["line",o,s]),(n[0]>0||n[1]>0)&&t.push(["line",i[0].start.x,i[0].start.y])}function I(t){return 0>t.cssInt("zIndex")}function R(t){return t.cssInt("zIndex")>0}function B(t){return 0===t.cssInt("zIndex")}function S(t){return-1!==["inline","inline-block","inline-table"].indexOf(t.css("display"))}function C(t){return t instanceof $}function O(t){return t.node.data.trim().length>0}function A(t){return/^(normal|none|0px)$/.test(t.parent.css("letterSpacing"))}function L(t){return["TopLeft","TopRight","BottomRight","BottomLeft"].map(function(e){var n=t.css("border"+e+"Radius"),r=n.split(" ");return 1>=r.length&&(r[1]=r[0]),r.map(Y)})}function N(t){return t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE}function M(t){var e=t.css("position"),n="absolute"===e||"relative"===e?t.css("zIndex"):"auto";return"auto"!==n}function P(t){return"static"!==t.css("position")}function _(t){return"none"!==t.css("float")}function D(t){var e=this;return function(){return!t.apply(e,arguments)}}function W(t){return t.node.nodeType===Node.ELEMENT_NODE}function F(t){return t.node.nodeType===Node.TEXT_NODE}function j(t,e){return t.cssInt("zIndex")-e.cssInt("zIndex")}function z(t){return 1>t.css("opacity")}function H(t,e){return function(){return t.apply(e,arguments)}}function Y(t){return parseInt(t,10)}function V(t){return t.node.nodeType!==Node.ELEMENT_NODE||-1===["SCRIPT","HEAD","TITLE","OBJECT","BR"].indexOf(t.node.nodeName)}function X(t){return[].concat.apply([],t)}function G(t,e,n){this.width=t,this.height=e,this.images=n}function U(t,n){G.apply(this,arguments),this.canvas=e.createElement("canvas"),this.canvas.width=t,this.canvas.height=n,this.ctx=this.canvas.getContext("2d"),this.ctx.textBaseline="bottom",this.variables={},m("Initialized CanvasRenderer")}function $(t,e,n,r){y.call(this,n,r),this.ownStacking=t,this.contexts=[],this.children=[],this.opacity=(this.parent?this.parent.stack.opacity:1)*e}function q(){this.rangeBounds=this.testRangeBounds(),this.cors=this.testCORS()}function J(t,e){y.call(this,t,e)}function K(t,e,r){return t.length>0?e+r.toUpperCase():n}function Q(t){u.apply(this,arguments),this.type="linear"===t.args[0]?this.TYPES.LINEAR:this.TYPES.RADIAL}t.html2canvas=function(n,i){return i=i||{},i.logging&&(t.html2canvas.logging=!0,t.html2canvas.start=Date.now()),r(e,i,t.innerWidth,t.innerHeight).then(function(t){return"function"==typeof i.onrendered&&(m("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas"),i.onrendered(t)),t})},h.prototype.getMetrics=function(t,e){return this.data[t+"-"+e]===n&&(this.data[t+"-"+e]=new c(t,e)),this.data[t+"-"+e]},u.prototype.TYPES={LINEAR:1,RADIAL:2},d.prototype.findImages=function(t){var e=[];return t.filter(l).map(f).forEach(this.addImage(e,this.loadImage),this),e},d.prototype.findBackgroundImage=function(t,e){return e.parseBackgroundImages().filter(this.hasImageBackground).forEach(this.addImage(t,this.loadImage),this),t},d.prototype.addImage=function(t,e){return function(n){this.imageExists(t,n)||(t.splice(0,0,e.apply(this,arguments)),m("Added image #"+t.length,n))}},d.prototype.hasImageBackground=function(t){return"none"!==t.method},d.prototype.loadImage=function(t){if("url"===t.method){var e=t.args[0];return e.match(/data:image\/.*;base64,/i)?new p(e.replace(/url\(['"]{0,}|['"]{0,}\)$/gi,""),!1):this.isSameOrigin(e)||this.options.allowTaint===!0?new p(e,!1):this.support.cors&&!this.options.allowTaint&&this.options.useCORS?new p(e,!0):this.options.proxy?new ProxyImageContainer(e):new DummyImageContainer(e)}return"linear-gradient"===t.method?new g(t):"gradient"===t.method?new Q(t):n},d.prototype.imageExists=function(t,e){return t.some(function(t){return t.src===e})},d.prototype.isSameOrigin=function(t){var n=this.link||(this.link=e.createElement("a"));n.href=t,n.href=n.href;var r=n.protocol+n.host;return r===this.origin},d.prototype.getPromise=function(t){return t.promise},d.prototype.get=function(t){var e=null;return this.images.some(function(n){return(e=n).src===t})?e:null},d.prototype.fetch=function(t){return this.images=t.reduce(H(this.findBackgroundImage,this),this.findImages(t)),this.images.forEach(function(t,e){t.promise.then(function(){m("Succesfully loaded image #"+(e+1))},function(){m("Failed loading image #"+(e+1))})}),this.ready=Promise.all(this.images.map(this.getPromise)),m("Finished searching images"),this},g.prototype=Object.create(u.prototype),g.prototype.stepRegExp=/((?:rgb|rgba)\(\d{1,3},\s\d{1,3},\s\d{1,3}(?:,\s[0-9\.]+)?\))\s*(\d{1,3})?(%|px)?/,y.prototype.assignStack=function(t){this.stack=t,t.children.push(this)},y.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")},y.prototype.css=function(t){return this.computedStyles||(this.computedStyles=this.node.ownerDocument.defaultView.getComputedStyle(this.node,null)),this.styles[t]||(this.styles[t]=this.computedStyles[t])},y.prototype.cssInt=function(t){var e=parseInt(this.css(t),10);return isNaN(e)?0:e},y.prototype.cssFloat=function(t){var e=parseFloat(this.css(t));return isNaN(e)?0:e},y.prototype.fontWeight=function(){var t=this.css("fontWeight");switch(parseInt(t,10)){case 401:t="bold";break;case 400:t="normal"}return t},y.prototype.parseBackgroundImages=function(){function t(t){var e,r,i,o,s,a,c,h=" \r\n ",u=[],p=0,d=0,l=function(){e&&('"'===r.substr(0,1)&&(r=r.substr(1,r.length-2)),r&&c.push(r),"-"===e.substr(0,1)&&(o=e.indexOf("-",1)+1)>0&&(i=e.substr(0,o),e=e.substr(o)),u.push({prefix:i,method:e.toLowerCase(),value:s,args:c,image:null})),c=[],e=i=r=s=""};return c=[],e=i=r=s="",t.split("").forEach(function(t){if(!(0===p&&h.indexOf(t)>-1)){switch(t){case'"':a?a===t&&(a=null):a=t;break;case"(":if(a)break;if(0===p)return p=1,s+=t,n;d++;break;case")":if(a)break;if(1===p){if(0===d)return p=0,s+=t,l(),n;d--}break;case",":if(a)break;if(0===p)return l(),n;if(1===p&&0===d&&!e.match(/^url$/i))return c.push(r),r="",s+=t,n}s+=t,0===p?e+=t:r+=t}}),l(),u}return this.backgroundImages||(this.backgroundImages=t(this.css("backgroundImage")))},y.prototype.cssList=function(t,e){var n=(this.css(t)||"").split(",");return n=n[e||0]||n[0]||"auto",n=n.trim().split(" "),1===n.length&&(n=[n[0],n[0]]),n},y.prototype.parseBackgroundSize=function(t,e,n){var r,i,o=this.cssList("backgroundSize",n);if(b(o[0]))r=t.width*parseFloat(o[0])/100;else{if(/contain|cover/.test(o[0])){var s=t.width/t.height,a=e.width/e.height;return a>s^"contain"===o[0]?{width:t.height*a,height:t.height}:{width:t.width,height:t.width/a}}r=parseInt(o[0],10)}return i="auto"===o[0]&&"auto"===o[1]?e.height:"auto"===o[1]?r/e.width*e.height:b(o[1])?t.height*parseFloat(o[1])/100:parseInt(o[1],10),"auto"===o[0]&&(r=i/e.height*e.width),{width:r,height:i}},y.prototype.parseBackgroundPosition=function(t,e,n,r){var i,o,s=this.cssList("backgroundPosition",n);return i=b(s[0])?(t.width-(r||e).width)*(parseFloat(s[0])/100):parseInt(s[0],10),o="auto"===s[1]?i/e.width*e.height:b(s[1])?(t.height-(r||e).height)*parseFloat(s[1])/100:parseInt(s[1],10),"auto"===s[0]&&(i=o/e.height*e.width),{left:i,top:o}},y.prototype.parseBackgroundRepeat=function(t){return this.cssList("backgroundRepeat",t)[0]},y.prototype.parseTextShadows=function(){var t=this.css("textShadow"),e=[];if(t&&"none"!==t)for(var n=t.match(this.TEXT_SHADOW_PROPERTY),r=0;n&&n.length>r;r++){var i=n[r].match(this.TEXT_SHADOW_VALUES);e.push({color:i[0],offsetX:i[1]?i[1].replace("px",""):0,offsetY:i[2]?i[2].replace("px",""):0,blur:i[3]?i[3].replace("px",""):0})}return e},y.prototype.TEXT_SHADOW_PROPERTY=/((rgba|rgb)\([^\)]+\)(\s-?\d+px){0,})/g,y.prototype.TEXT_SHADOW_VALUES=/(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\(.+\))/g,w.prototype.getChildren=function(t){return X([].filter.call(t.node.childNodes,N).map(function(e){var n=[e.nodeType===Node.TEXT_NODE?new J(e,t):new y(e,t)].filter(V);return e.nodeType===Node.ELEMENT_NODE&&n.length?n[0].isElementVisible()?n.concat(this.getChildren(n[0])):[]:n},this))},w.prototype.newStackingContext=function(t,e){var n=new $(e,t.cssFloat("opacity"),t.node,t.parent);n.visible=t.visible;var r=n.getParentStack(this);r.contexts.push(n),t.stack=n},w.prototype.createStackingContexts=function(){this.nodes.forEach(function(t){W(t)&&(this.isRootElement(t)||z(t)||M(t)||this.isBodyWithTransparentRoot(t))?this.newStackingContext(t,!0):W(t)&&P(t)?this.newStackingContext(t,!1):t.assignStack(t.parent.stack)},this)},w.prototype.isBodyWithTransparentRoot=function(t){return"BODY"===t.node.nodeName&&this.renderer.isTransparent(t.parent.css("backgroundColor"))},w.prototype.isRootElement=function(t){return"HTML"===t.node.nodeName},w.prototype.sortStackingContexts=function(t){t.contexts.sort(j),t.contexts.forEach(this.sortStackingContexts,this)},w.prototype.parseBounds=function(t){return t.bounds=this.getBounds(t.node)},w.prototype.getBounds=function(t){if(t.getBoundingClientRect){var e=t.getBoundingClientRect(),n="BODY"===t.nodeName,r=n?t.scrollWidth:t.offsetWidth;return{top:e.top,bottom:e.bottom||e.top+e.height,right:e.left+r,left:e.left,width:r,height:n?t.scrollHeight:t.offsetHeight}}return{}},w.prototype.parseTextBounds=function(t){return function(e,n,r){if("none"!==t.parent.css("textDecoration")||0!==e.trim().length){if(this.support.rangeBounds){var i=r.slice(0,n).join("").length;return this.getRangeBounds(t.node,i,e.length)}if(t.node&&"string"==typeof t.node.data){var o=t.node.splitText(e.length),s=this.getWrapperBounds(t.node);return t.node=o,s}}else this.support.rangeBounds||(t.node=t.node.splitText(e.length));return{}}},w.prototype.getWrapperBounds=function(t){var e=t.ownerDocument.createElement("wrapper"),n=t.parentNode,r=t.cloneNode(!0);e.appendChild(t.cloneNode(!0)),n.replaceChild(e,t);var i=this.getBounds(e);return n.replaceChild(r,e),i},w.prototype.getRangeBounds=function(t,e,n){var r=this.range||(this.range=t.ownerDocument.createRange());return r.setStart(t,e),r.setEnd(t,e+n),r.getBoundingClientRect()},w.prototype.parse=function(t){var e=t.contexts.filter(I),n=t.children.filter(W),r=n.filter(D(_)),i=r.filter(D(P)).filter(D(S)),o=n.filter(D(P)).filter(_),s=r.filter(D(P)).filter(S),a=t.contexts.concat(r.filter(P)).filter(B),c=t.children.filter(F).filter(O),h=t.contexts.filter(R),u=[];e.concat(i).concat(o).concat(s).concat(a).concat(c).concat(h).forEach(function(t){if(this.paint(t),-1!==u.indexOf(t.node))throw m(t,t.node),Error("rendering twice");u.push(t.node),C(t)&&this.parse(t)},this)},w.prototype.paint=function(t){try{F(t)?this.paintText(t):this.paintNode(t)}catch(e){m(e)}},w.prototype.paintNode=function(t){C(t)&&this.renderer.setOpacity(t.opacity);var e=this.parseBounds(t),n=this.parseBorders(t);switch(this.renderer.clip(n.clip,function(){this.renderer.renderBackground(t,e)},this),this.renderer.renderBorders(n.borders),t.node.nodeName){case"IMG":var r=this.images.get(t.node.src);r?this.renderer.renderImage(t,e,n,r.image):m("Error loading ",t.node.src)}},w.prototype.paintText=function(t){t.applyTextTransform();var e=t.node.data.split(!this.options.letterRendering||A(t)?/(\b| )/:""),n=t.parent.fontWeight(),r=t.parent.css("fontSize"),i=t.parent.css("fontFamily"),o=t.parent.parseTextShadows();this.renderer.font(t.parent.css("color"),t.parent.css("fontStyle"),t.parent.css("fontVariant"),n,r,i),o.length?this.renderer.fontShadow(o[0].color,o[0].offsetX,o[0].offsetY,o[0].blur):this.renderer.clearShadow(),e.map(this.parseTextBounds(t),this).forEach(function(n,o){n&&(this.renderer.text(e[o],n.left,n.bottom),this.renderTextDecoration(t.parent,n,this.fontMetrics.getMetrics(i,r)))},this)},w.prototype.renderTextDecoration=function(t,e,n){switch(t.css("textDecoration").split(" ")[0]){case"underline":this.renderer.rectangle(e.left,Math.round(e.top+n.baseline+n.lineWidth),e.width,1,t.css("color"));break;case"overline":this.renderer.rectangle(e.left,Math.round(e.top),e.width,1,t.css("color"));break;case"line-through":this.renderer.rectangle(e.left,Math.ceil(e.top+n.middle+n.lineWidth),e.width,1,t.css("color"))}},w.prototype.parseBorders=function(t){var e=t.bounds,n=L(t),r=["Top","Right","Bottom","Left"].map(function(e){return{width:t.cssInt("border"+e+"Width"),color:t.css("border"+e+"Color"),args:null}}),i=x(e,n,r);return{clip:this.parseBackgroundClip(t,i,r,n,e),borders:r.map(function(t,o){if(t.width>0){var s=e.left,a=e.top,c=e.width,h=e.height-r[2].width;switch(o){case 0:h=r[0].width,t.args=E({c1:[s,a],c2:[s+c,a],c3:[s+c-r[1].width,a+h],c4:[s+r[3].width,a+h]},n[0],n[1],i.topLeftOuter,i.topLeftInner,i.topRightOuter,i.topRightInner);break;case 1:s=e.left+e.width-r[1].width,c=r[1].width,t.args=E({c1:[s+c,a],c2:[s+c,a+h+r[2].width],c3:[s,a+h],c4:[s,a+r[0].width]},n[1],n[2],i.topRightOuter,i.topRightInner,i.bottomRightOuter,i.bottomRightInner);break;case 2:a=a+e.height-r[2].width,h=r[2].width,t.args=E({c1:[s+c,a+h],c2:[s,a+h],c3:[s+r[3].width,a],c4:[s+c-r[3].width,a]},n[2],n[3],i.bottomRightOuter,i.bottomRightInner,i.bottomLeftOuter,i.bottomLeftInner);break;case 3:c=r[3].width,t.args=E({c1:[s,a+h+r[2].width],c2:[s,a],c3:[s+c,a+r[0].width],c4:[s+c,a+h]},n[3],n[0],i.bottomLeftOuter,i.bottomLeftInner,i.topLeftOuter,i.topLeftInner)}}return t})}},w.prototype.parseBackgroundClip=function(t,e,n,r,i){var o=t.css("backgroundClip"),s=[];switch(o){case"content-box":case"padding-box":T(s,r[0],r[1],e.topLeftInner,e.topRightInner,i.left+n[3].width,i.top+n[0].width),T(s,r[1],r[2],e.topRightInner,e.bottomRightInner,i.left+i.width-n[1].width,i.top+n[0].width),T(s,r[2],r[3],e.bottomRightInner,e.bottomLeftInner,i.left+i.width-n[1].width,i.top+i.height-n[2].width),T(s,r[3],r[0],e.bottomLeftInner,e.topLeftInner,i.left+n[3].width,i.top+i.height-n[2].width);break;default:T(s,r[0],r[1],e.topLeftOuter,e.topRightOuter,i.left,i.top),T(s,r[1],r[2],e.topRightOuter,e.bottomRightOuter,i.left+i.width,i.top),T(s,r[2],r[3],e.bottomRightOuter,e.bottomLeftOuter,i.left+i.width,i.top+i.height),T(s,r[3],r[0],e.bottomLeftOuter,e.topLeftOuter,i.left,i.top+i.height)}return s},!function(){var r,i,o,s;!function(){var t={},e={};r=function(e,n,r){t[e]={deps:n,callback:r}},s=o=i=function(n){function r(t){if("."!==t.charAt(0))return t;for(var e=t.split("/"),r=n.split("/").slice(0,-1),i=0,o=e.length;o>i;i++){var s=e[i];if(".."===s)r.pop();else{if("."===s)continue;r.push(s)}}return r.join("/")}if(s._eak_seen=t,e[n])return e[n];if(e[n]={},!t[n])throw Error("Could not find module "+n);for(var o,a=t[n],c=a.deps,h=a.callback,u=[],p=0,d=c.length;d>p;p++)"exports"===c[p]?u.push(o={}):u.push(i(r(c[p])));var l=h.apply(this,u);return e[n]=o||l}}(),r("promise/all",["./utils","exports"],function(t,e){"use strict";function n(t){var e=this;if(!r(t))throw new TypeError("You must pass an array to all.");return new e(function(e,n){function r(t){return function(e){o(t,e)}}function o(t,n){a[t]=n,0===--c&&e(a)}var s,a=[],c=t.length;0===c&&e([]);for(var h=0;t.length>h;h++)s=t[h],s&&i(s.then)?s.then(r(h),n):o(h,s)})}var r=t.isArray,i=t.isFunction;e.all=n}),r("promise/asap",["exports"],function(r){"use strict";function i(){return function(){process.nextTick(a)}}function o(){var t=0,n=new p(a),r=e.createTextNode("");return n.observe(r,{characterData:!0}),function(){r.data=t=++t%2}}function s(){return function(){d.setTimeout(a,1)}}function a(){for(var t=0;l.length>t;t++){var e=l[t],n=e[0],r=e[1];n(r)}l=[]}function c(t,e){var n=l.push([t,e]);1===n&&h()}var h,u=t!==n?t:{},p=u.MutationObserver||u.WebKitMutationObserver,d="undefined"!=typeof global?global:this,l=[];h="undefined"!=typeof process&&"[object process]"==={}.toString.call(process)?i():p?o():s(),r.asap=c}),r("promise/cast",["exports"],function(t){"use strict";function e(t){if(t&&"object"==typeof t&&t.constructor===this)return t;var e=this;return new e(function(e){e(t)})}t.cast=e}),r("promise/config",["exports"],function(t){"use strict";function e(t,e){return 2!==arguments.length?n[t]:(n[t]=e,void 0)}var n={instrument:!1};t.config=n,t.configure=e}),r("promise/polyfill",["./promise","./utils","exports"],function(e,n,r){"use strict";function i(){var e="Promise"in t&&"cast"in t.Promise&&"resolve"in t.Promise&&"reject"in t.Promise&&"all"in t.Promise&&"race"in t.Promise&&function(){var e;return new t.Promise(function(t){e=t}),s(e)}();e||(t.Promise=o)}var o=e.Promise,s=n.isFunction;r.polyfill=i}),r("promise/promise",["./config","./utils","./cast","./all","./race","./resolve","./reject","./asap","exports"],function(t,e,n,r,i,o,s,a,c){"use strict";function h(t){if(!k(t))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.");this._subscribers=[],u(t,this)}function u(t,e){function n(t){g(e,t)}function r(t){y(e,t)}try{t(n,r)}catch(i){r(i)}}function p(t,e,n,r){var i,o,s,a,c=k(n);if(c)try{i=n(r),s=!0}catch(h){a=!0,o=h}else i=r,s=!0;f(e,i)||(c&&s?g(e,i):a?y(e,o):t===A?g(e,i):t===L&&y(e,i))}function d(t,e,n,r){var i=t._subscribers,o=i.length;i[o]=e,i[o+A]=n,i[o+L]=r}function l(t,e){for(var n,r,i=t._subscribers,o=t._detail,s=0;i.length>s;s+=3)n=i[s],r=i[s+e],p(e,n,r,o);t._subscribers=null}function f(t,e){var n,r=null;try{if(t===e)throw new TypeError("A promises callback cannot return that same promise.");if(x(e)&&(r=e.then,k(r)))return r.call(e,function(r){return n?!0:(n=!0,e!==r?g(t,r):m(t,r),void 0)},function(e){return n?!0:(n=!0,y(t,e),void 0)}),!0}catch(i){return n?!0:(y(t,i),!0)}return!1}function g(t,e){t===e?m(t,e):f(t,e)||m(t,e)}function m(t,e){t._state===C&&(t._state=O,t._detail=e,v.async(b,t))}function y(t,e){t._state===C&&(t._state=O,t._detail=e,v.async(w,t))}function b(t){l(t,t._state=A)}function w(t){l(t,t._state=L)}var v=t.config,x=(t.configure,e.objectOrFunction),k=e.isFunction,E=(e.now,n.cast),T=r.all,I=i.race,R=o.resolve,B=s.reject,S=a.asap;v.async=S;var C=void 0,O=0,A=1,L=2;h.prototype={constructor:h,_state:void 0,_detail:void 0,_subscribers:void 0,then:function(t,e){var n=this,r=new this.constructor(function(){});if(this._state){var i=arguments;v.async(function(){p(n._state,r,i[n._state-1],n._detail)})}else d(this,r,t,e);return r},"catch":function(t){return this.then(null,t)}},h.all=T,h.cast=E,h.race=I,h.resolve=R,h.reject=B,c.Promise=h}),r("promise/race",["./utils","exports"],function(t,e){"use strict";function n(t){var e=this;if(!r(t))throw new TypeError("You must pass an array to race.");return new e(function(e,n){for(var r,i=0;t.length>i;i++)r=t[i],r&&"function"==typeof r.then?r.then(e,n):e(r)})}var r=t.isArray;e.race=n}),r("promise/reject",["exports"],function(t){"use strict";function e(t){var e=this;return new e(function(e,n){n(t)})}t.reject=e}),r("promise/resolve",["exports"],function(t){"use strict";function e(t){var e=this;return new e(function(e){e(t)})}t.resolve=e}),r("promise/utils",["exports"],function(t){"use strict";function e(t){return n(t)||"object"==typeof t&&null!==t}function n(t){return"function"==typeof t}function r(t){return"[object Array]"===Object.prototype.toString.call(t)}var i=Date.now||function(){return(new Date).getTime()};t.objectOrFunction=e,t.isFunction=n,t.isArray=r,t.now=i}),i("promise/polyfill").polyfill()}(),G.prototype.renderImage=function(t,e,n,r){var i=t.cssInt("paddingLeft"),o=t.cssInt("paddingTop"),s=t.cssInt("paddingRight"),a=t.cssInt("paddingBottom"),c=n.borders;this.drawImage(r,0,0,r.width,r.height,e.left+i+c[3].width,e.top+o+c[0].width,e.width-(c[1].width+c[3].width+i+s),e.height-(c[0].width+c[2].width+o+a))},G.prototype.renderBackground=function(t,e){e.height>0&&e.width>0&&(this.renderBackgroundColor(t,e),this.renderBackgroundImage(t,e))},G.prototype.renderBackgroundColor=function(t,e){var n=t.css("backgroundColor");this.isTransparent(n)||this.rectangle(e.left,e.top,e.width,e.height,t.css("backgroundColor"))},G.prototype.renderBorders=function(t){t.forEach(this.renderBorder,this)},G.prototype.renderBorder=function(t){this.isTransparent(t.color)||null===t.args||this.drawShape(t.args,t.color)},G.prototype.renderBackgroundImage=function(t,e){var n=t.parseBackgroundImages();n.reverse().forEach(function(n,r,i){switch(n.method){case"url":var o=this.images.get(n.args[0]);o?this.renderBackgroundRepeating(t,e,o,i.length-(r+1)):m("Error loading background-image",n.args[0]);break;case"linear-gradient":case"gradient":var s=this.images.get(n.value);s?this.renderBackgroundGradient(s,e):m("Error loading background-image",n.args[0]);break;case"none":break;default:m("Unknown background-image type",n.args[0])}},this)},G.prototype.renderBackgroundRepeating=function(t,e,n,r){var i=t.parseBackgroundSize(e,n.image,r),o=t.parseBackgroundPosition(e,n.image,r,i),s=t.parseBackgroundRepeat(r);switch(s){case"repeat-x":case"repeat no-repeat":this.backgroundRepeatShape(n,o,i,e,e.left,e.top+o.top,99999,n.image.height);break;case"repeat-y":case"no-repeat repeat":this.backgroundRepeatShape(n,o,i,e,e.left+o.left,e.top,n.image.width,99999);break;case"no-repeat":this.backgroundRepeatShape(n,o,i,e,e.left+o.left,e.top+o.top,n.image.width,n.image.height);break;default:this.renderBackgroundRepeat(n,o,i,{top:e.top,left:e.left})}},G.prototype.isTransparent=function(t){return!t||"transparent"===t||"rgba(0, 0, 0, 0)"===t},U.prototype=Object.create(G.prototype),U.prototype.setFillStyle=function(t){return this.ctx.fillStyle=t,this.ctx},U.prototype.rectangle=function(t,e,n,r,i){this.setFillStyle(i).fillRect(t,e,n,r)},U.prototype.drawShape=function(t,e){this.shape(t),this.setFillStyle(e).fill()},U.prototype.drawImage=function(t,e,n,r,i,o,s,a,c){this.ctx.drawImage(t,e,n,r,i,o,s,a,c)},U.prototype.clip=function(t,e,n){this.ctx.save(),this.shape(t).clip(),e.call(n),this.ctx.restore()},U.prototype.shape=function(t){return this.ctx.beginPath(),t.forEach(function(t,e){this.ctx[0===e?"moveTo":t[0]+"To"].apply(this.ctx,t.slice(1))},this),this.ctx.closePath(),this.ctx},U.prototype.font=function(t,e,n,r,i,o){this.setFillStyle(t).font=[e,n,r,i,o].join(" ")},U.prototype.fontShadow=function(t,e,n,r){this.setVariable("shadowColor",t).setVariable("shadowOffsetY",e).setVariable("shadowOffsetX",n).setVariable("shadowBlur",r)},U.prototype.clearShadow=function(){this.setVariable("shadowColor","rgba(0,0,0,0)")},U.prototype.setOpacity=function(t){this.ctx.globalAlpha=t},U.prototype.setVariable=function(t,e){return this.variables[t]!==e&&(this.variables[t]=this.ctx[t]=e),this},U.prototype.text=function(t,e,n){this.ctx.fillText(t,e,n)},U.prototype.backgroundRepeatShape=function(t,e,n,r,i,o,s,a){var c=[["line",Math.round(i),Math.round(o)],["line",Math.round(i+s),Math.round(o)],["line",Math.round(i+s),Math.round(a+o)],["line",Math.round(i),Math.round(a+o)]];this.clip(c,function(){this.renderBackgroundRepeat(t,e,n,r)},this)},U.prototype.renderBackgroundRepeat=function(t,e,n,r){var i=Math.round(r.left+e.left),o=Math.round(r.top+e.top);this.setFillStyle(this.ctx.createPattern(this.resizeImage(t,n),"repeat")),this.ctx.translate(i,o),this.ctx.fill(),this.ctx.translate(-i,-o)},U.prototype.renderBackgroundGradient=function(t,e){t instanceof g&&this.ctx.createLinearGradient(e.left,e.top,e.right,e.bottom)},U.prototype.resizeImage=function(t,n){var r=t.image;if(r.width===n.width&&r.height===n.height)return r;var i,o=e.createElement("canvas");return o.width=n.width,o.height=n.height,i=o.getContext("2d"),i.drawImage(r,0,0,r.width,r.height,0,0,n.width,n.height),o},$.prototype=Object.create(y.prototype),$.prototype.getParentStack=function(t){var e=this.parent?this.parent.stack:null;return e?e.ownStacking?e:e.getParentStack(t):t.stack},q.prototype.testRangeBounds=function(){var t,n,r,i,o=!1;return e.createRange&&(t=e.createRange(),t.getBoundingClientRect&&(n=e.createElement("boundtest"),n.style.height="123px",n.style.display="block",e.body.appendChild(n),t.selectNode(n),r=t.getBoundingClientRect(),i=r.height,123===i&&(o=!0),e.body.removeChild(n))),o},q.prototype.testCORS=function(){return(new Image).crossOrigin!==n},J.prototype=Object.create(y.prototype),J.prototype.applyTextTransform=function(){this.node.data=this.transform(this.parent.css("textTransform"))},J.prototype.transform=function(t){var e=this.node.data;switch(t){case"lowercase":return e.toLowerCase();case"capitalize":return e.replace(/(^|\s|:|-|\(|\))([a-z])/g,K);case"uppercase":return e.toUpperCase();default:return e}},Q.prototype=Object.create(u.prototype)})(window,document); \ No newline at end of file +(function(t,e,n){function r(t,e,n,r){return a(t,n,r).then(function(t){m("Document cloned");var s=t.contentWindow,a=s.document.documentElement,c=new Q,h=new p(e,c),u=w.prototype.getBounds(a),d="view"===e.type?Math.min(u.width,n):i(),l="view"===e.type?Math.min(u.height,r):o(),f=new J(d,l,h),g=new w(a,f,c,h,e);return g.ready.then(function(){return t.parentNode.removeChild(t),f.canvas})})}function i(){return Math.max(Math.max(e.body.scrollWidth,e.documentElement.scrollWidth),Math.max(e.body.offsetWidth,e.documentElement.offsetWidth),Math.max(e.body.clientWidth,e.documentElement.clientWidth))}function o(){return Math.max(Math.max(e.body.scrollHeight,e.documentElement.scrollHeight),Math.max(e.body.offsetHeight,e.documentElement.offsetHeight),Math.max(e.body.clientHeight,e.documentElement.clientHeight))}function s(){return"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"}function a(e,n,r){var i=e.documentElement.cloneNode(!0),o=e.createElement("iframe");return o.style.visibility="hidden",o.style.position="absolute",o.width=n,o.height=r,o.scrolling="no",e.body.appendChild(o),new Promise(function(e){var n=function(){"none"!==o.contentWindow.getComputedStyle(a,null).backgroundImage?(r.body.removeChild(a),r.body.removeChild(c),e(o)):t.setTimeout(n,10)},r=o.contentWindow.document;r.open(),r.write(""),r.close(),r.replaceChild(r.adoptNode(i),r.documentElement),o.contentWindow.scrollTo(t.scrollX,t.scrollY);var a=r.createElement("div");a.className="html2canvas-ready-test",r.body.appendChild(a);var c=r.createElement("style");c.innerHTML="body div.html2canvas-ready-test { background-image:url("+s()+"); }",r.body.appendChild(c),t.setTimeout(n,1e3)})}function c(t,n){var r,i,o=e.createElement("div"),a=e.createElement("img"),c=e.createElement("span"),h="Hidden Text";o.style.visibility="hidden",o.style.fontFamily=t,o.style.fontSize=n,o.style.margin=0,o.style.padding=0,e.body.appendChild(o),a.src=s(),a.width=1,a.height=1,a.style.margin=0,a.style.padding=0,a.style.verticalAlign="baseline",c.style.fontFamily=t,c.style.fontSize=n,c.style.margin=0,c.style.padding=0,c.appendChild(e.createTextNode(h)),o.appendChild(c),o.appendChild(a),r=a.offsetTop-c.offsetTop+1,o.removeChild(c),o.appendChild(e.createTextNode(h)),o.style.lineHeight="normal",a.style.verticalAlign="super",i=a.offsetTop-o.offsetTop+1,e.body.removeChild(o),this.baseline=r,this.lineWidth=1,this.middle=i}function h(){this.data={}}function u(t){this.src=t.value,this.colorStops=[],this.type=null,this.x0=.5,this.y0=.5,this.x1=.5,this.y1=.5,this.promise=Promise.resolve(!0)}function d(t,e){this.src=t,this.image=new Image;var n=this.image;this.promise=new Promise(function(r,i){n.onload=r,n.onerror=i,e&&(n.crossOrigin="anonymous"),n.src=t,n.complete===!0&&r(n)})}function p(e,n){this.link=null,this.options=e,this.support=n,this.origin=t.location.protocol+t.location.host}function l(t){return"IMG"===t.node.nodeName}function f(t){return{args:[t.node.src],method:"url"}}function g(t){u.apply(this,arguments),this.type=this.TYPES.LINEAR,t.args[0].split(" ").forEach(function(t){switch(t){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}},this),t.args.slice(1).forEach(function(){},this)}function m(){t.html2canvas.logging&&t.console&&t.console.log&&t.console.log.apply(t.console,[Date.now()-t.html2canvas.start+"ms","html2canvas:"].concat([].slice.call(arguments,0)))}function y(t,e){this.node=t,this.parent=e,this.stack=null,this.bounds=null,this.visible=null,this.computedStyles=null,this.styles={},this.backgroundImages=null}function b(t){return-1!==(""+t).indexOf("%")}function v(t){var e,r,i,o,s,a,c,h=" \r\n ",u=[],d=0,p=0,l=function(){e&&('"'===r.substr(0,1)&&(r=r.substr(1,r.length-2)),r&&c.push(r),"-"===e.substr(0,1)&&(o=e.indexOf("-",1)+1)>0&&(i=e.substr(0,o),e=e.substr(o)),u.push({prefix:i,method:e.toLowerCase(),value:s,args:c,image:null})),c=[],e=i=r=s=""};return c=[],e=i=r=s="",t.split("").forEach(function(t){if(!(0===d&&h.indexOf(t)>-1)){switch(t){case'"':a?a===t&&(a=null):a=t;break;case"(":if(a)break;if(0===d)return d=1,s+=t,n;p++;break;case")":if(a)break;if(1===d){if(0===p)return d=0,s+=t,l(),n;p--}break;case",":if(a)break;if(0===d)return l(),n;if(1===d&&0===p&&!e.match(/^url$/i))return c.push(r),r="",s+=t,n}s+=t,0===d?e+=t:r+=t}}),l(),u}function w(t,e,n,r,i){m("Starting NodeParser"),this.renderer=e,this.options=i,this.range=null,this.support=n,this.stack=new K(!0,1,t.ownerDocument,null);var o=new y(t,null);o.visibile=o.isElementVisible(),this.createPseudoHideStyles(t.ownerDocument),this.nodes=G([o].concat(this.getChildren(o)).filter(function(t){return t.visible=t.isElementVisible()}).map(this.getPseudoElements,this)),this.fontMetrics=new h,m("Fetched nodes"),this.images=r.fetch(this.nodes.filter(H)),m("Creating stacking contexts"),this.createStackingContexts(),m("Sorting stacking contexts"),this.sortStackingContexts(this.stack),this.ready=this.images.ready.then(Y(function(){m("Images loaded, starting parsing"),this.parse(this.stack),m("Finished rendering")},this))}function x(t,e,n,r){var i=4*((Math.sqrt(2)-1)/3),o=n*i,s=r*i,a=t+n,c=e+r;return{topLeft:E({x:t,y:c},{x:t,y:c-s},{x:a-o,y:e},{x:a,y:e}),topRight:E({x:t,y:e},{x:t+o,y:e},{x:a,y:c-s},{x:a,y:c}),bottomRight:E({x:a,y:e},{x:a,y:e+s},{x:t+o,y:c},{x:t,y:c}),bottomLeft:E({x:a,y:c},{x:a-o,y:c},{x:t,y:e+s},{x:t,y:e})}}function k(t,e,n){var r=t.left,i=t.top,o=t.width,s=t.height,a=e[0][0],c=e[0][1],h=e[1][0],u=e[1][1],d=e[2][0],p=e[2][1],l=e[3][0],f=e[3][1],g=o-h,m=s-p,y=o-d,b=s-f;return{topLeftOuter:x(r,i,a,c).topLeft.subdivide(.5),topLeftInner:x(r+n[3].width,i+n[0].width,Math.max(0,a-n[3].width),Math.max(0,c-n[0].width)).topLeft.subdivide(.5),topRightOuter:x(r+g,i,h,u).topRight.subdivide(.5),topRightInner:x(r+Math.min(g,o+n[3].width),i+n[0].width,g>o+n[3].width?0:h-n[3].width,u-n[0].width).topRight.subdivide(.5),bottomRightOuter:x(r+y,i+m,d,p).bottomRight.subdivide(.5),bottomRightInner:x(r+Math.min(y,o+n[3].width),i+Math.min(m,s+n[0].width),Math.max(0,d-n[1].width),Math.max(0,p-n[2].width)).bottomRight.subdivide(.5),bottomLeftOuter:x(r,i+b,l,f).bottomLeft.subdivide(.5),bottomLeftInner:x(r+n[3].width,i+b,Math.max(0,l-n[3].width),Math.max(0,f-n[2].width)).bottomLeft.subdivide(.5)}}function E(t,e,n,r){var i=function(t,e,n){return{x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n}};return{start:t,startControl:e,endControl:n,end:r,subdivide:function(o){var s=i(t,e,o),a=i(e,n,o),c=i(n,r,o),h=i(s,a,o),u=i(a,c,o),d=i(h,u,o);return[E(t,s,h,d),E(d,u,c,r)]},curveTo:function(t){t.push(["bezierCurve",e.x,e.y,n.x,n.y,r.x,r.y])},curveToReversed:function(r){r.push(["bezierCurve",n.x,n.y,e.x,e.y,t.x,t.y])}}}function T(t,e,n,r,i,o,s){var a=[];return e[0]>0||e[1]>0?(a.push(["line",r[1].start.x,r[1].start.y]),r[1].curveTo(a)):a.push(["line",t.c1[0],t.c1[1]]),n[0]>0||n[1]>0?(a.push(["line",o[0].start.x,o[0].start.y]),o[0].curveTo(a),a.push(["line",s[0].end.x,s[0].end.y]),s[0].curveToReversed(a)):(a.push(["line",t.c2[0],t.c2[1]]),a.push(["line",t.c3[0],t.c3[1]])),e[0]>0||e[1]>0?(a.push(["line",i[1].end.x,i[1].end.y]),i[1].curveToReversed(a)):a.push(["line",t.c4[0],t.c4[1]]),a}function I(t,e,n,r,i,o,s){e[0]>0||e[1]>0?(t.push(["line",r[0].start.x,r[0].start.y]),r[0].curveTo(t),r[1].curveTo(t)):t.push(["line",o,s]),(n[0]>0||n[1]>0)&&t.push(["line",i[0].start.x,i[0].start.y])}function R(t){return 0>t.cssInt("zIndex")}function C(t){return t.cssInt("zIndex")>0}function S(t){return 0===t.cssInt("zIndex")}function B(t){return-1!==["inline","inline-block","inline-table"].indexOf(t.css("display"))}function O(t){return t instanceof K}function A(t){return t.node.data.trim().length>0}function L(t){return/^(normal|none|0px)$/.test(t.parent.css("letterSpacing"))}function N(t){return["TopLeft","TopRight","BottomRight","BottomLeft"].map(function(e){var n=t.css("border"+e+"Radius"),r=n.split(" ");return 1>=r.length&&(r[1]=r[0]),r.map(V)})}function M(t){return t.nodeType===Node.TEXT_NODE||t.nodeType===Node.ELEMENT_NODE}function P(t){var e=t.css("position"),n="absolute"===e||"relative"===e?t.css("zIndex"):"auto";return"auto"!==n}function _(t){return"static"!==t.css("position")}function D(t){return"none"!==t.css("float")}function W(t){var e=this;return function(){return!t.apply(e,arguments)}}function H(t){return t.node.nodeType===Node.ELEMENT_NODE}function F(t){return t.node.nodeType===Node.TEXT_NODE}function j(t,e){return t.cssInt("zIndex")-e.cssInt("zIndex")}function z(t){return 1>t.css("opacity")}function Y(t,e){return function(){return t.apply(e,arguments)}}function V(t){return parseInt(t,10)}function X(t){return t.node.nodeType!==Node.ELEMENT_NODE||-1===["SCRIPT","HEAD","TITLE","OBJECT","BR"].indexOf(t.node.nodeName)}function G(t){return[].concat.apply([],t)}function U(t){var e=t.substr(0,1);return e===t.substr(t.length-1)&&e.match(/'|"/)?t.substr(1,t.length-2):t}function $(t){return isNaN(parseInt(t,10))}function q(t,e,n){this.width=t,this.height=e,this.images=n}function J(t,n){q.apply(this,arguments),this.canvas=e.createElement("canvas"),this.canvas.width=t,this.canvas.height=n,this.ctx=this.canvas.getContext("2d"),this.ctx.textBaseline="bottom",this.variables={},m("Initialized CanvasRenderer")}function K(t,e,n,r){y.call(this,n,r),this.ownStacking=t,this.contexts=[],this.children=[],this.opacity=(this.parent?this.parent.stack.opacity:1)*e}function Q(){this.rangeBounds=this.testRangeBounds(),this.cors=this.testCORS()}function Z(t,e){y.call(this,t,e)}function te(t,e,r){return t.length>0?e+r.toUpperCase():n}function ee(t){u.apply(this,arguments),this.type="linear"===t.args[0]?this.TYPES.LINEAR:this.TYPES.RADIAL}t.html2canvas=function(n,i){return i=i||{},i.logging&&(t.html2canvas.logging=!0,t.html2canvas.start=Date.now()),r(e,i,t.innerWidth,t.innerHeight).then(function(t){return"function"==typeof i.onrendered&&(m("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas"),i.onrendered(t)),t})},h.prototype.getMetrics=function(t,e){return this.data[t+"-"+e]===n&&(this.data[t+"-"+e]=new c(t,e)),this.data[t+"-"+e]},u.prototype.TYPES={LINEAR:1,RADIAL:2},p.prototype.findImages=function(t){var e=[];return t.filter(l).map(f).forEach(this.addImage(e,this.loadImage),this),e},p.prototype.findBackgroundImage=function(t,e){return e.parseBackgroundImages().filter(this.hasImageBackground).forEach(this.addImage(t,this.loadImage),this),t},p.prototype.addImage=function(t,e){return function(n){this.imageExists(t,n)||(t.splice(0,0,e.apply(this,arguments)),m("Added image #"+t.length,n))}},p.prototype.hasImageBackground=function(t){return"none"!==t.method},p.prototype.loadImage=function(t){if("url"===t.method){var e=t.args[0];return e.match(/data:image\/.*;base64,/i)?new d(e.replace(/url\(['"]{0,}|['"]{0,}\)$/gi,""),!1):this.isSameOrigin(e)||this.options.allowTaint===!0?new d(e,!1):this.support.cors&&!this.options.allowTaint&&this.options.useCORS?new d(e,!0):this.options.proxy?new ProxyImageContainer(e):new DummyImageContainer(e)}return"linear-gradient"===t.method?new g(t):"gradient"===t.method?new ee(t):n},p.prototype.imageExists=function(t,e){return t.some(function(t){return t.src===e})},p.prototype.isSameOrigin=function(t){var n=this.link||(this.link=e.createElement("a"));n.href=t,n.href=n.href;var r=n.protocol+n.host;return r===this.origin},p.prototype.getPromise=function(t){return t.promise},p.prototype.get=function(t){var e=null;return this.images.some(function(n){return(e=n).src===t})?e:null},p.prototype.fetch=function(t){return this.images=t.reduce(Y(this.findBackgroundImage,this),this.findImages(t)),this.images.forEach(function(t,e){t.promise.then(function(){m("Succesfully loaded image #"+(e+1))},function(){m("Failed loading image #"+(e+1))})}),this.ready=Promise.all(this.images.map(this.getPromise)),m("Finished searching images"),this},g.prototype=Object.create(u.prototype),g.prototype.stepRegExp=/((?:rgb|rgba)\(\d{1,3},\s\d{1,3},\s\d{1,3}(?:,\s[0-9\.]+)?\))\s*(\d{1,3})?(%|px)?/,y.prototype.assignStack=function(t){this.stack=t,t.children.push(this)},y.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")},y.prototype.css=function(t){return this.computedStyles||(this.computedStyles=this.computedStyle(null)),this.styles[t]||(this.styles[t]=this.computedStyles[t])},y.prototype.computedStyle=function(t){return this.node.ownerDocument.defaultView.getComputedStyle(this.node,t)},y.prototype.cssInt=function(t){var e=parseInt(this.css(t),10);return isNaN(e)?0:e},y.prototype.cssFloat=function(t){var e=parseFloat(this.css(t));return isNaN(e)?0:e},y.prototype.fontWeight=function(){var t=this.css("fontWeight");switch(parseInt(t,10)){case 401:t="bold";break;case 400:t="normal"}return t},y.prototype.parseBackgroundImages=function(){return this.backgroundImages||(this.backgroundImages=v(this.css("backgroundImage")))},y.prototype.cssList=function(t,e){var n=(this.css(t)||"").split(",");return n=n[e||0]||n[0]||"auto",n=n.trim().split(" "),1===n.length&&(n=[n[0],n[0]]),n},y.prototype.parseBackgroundSize=function(t,e,n){var r,i,o=this.cssList("backgroundSize",n);if(b(o[0]))r=t.width*parseFloat(o[0])/100;else{if(/contain|cover/.test(o[0])){var s=t.width/t.height,a=e.width/e.height;return a>s^"contain"===o[0]?{width:t.height*a,height:t.height}:{width:t.width,height:t.width/a}}r=parseInt(o[0],10)}return i="auto"===o[0]&&"auto"===o[1]?e.height:"auto"===o[1]?r/e.width*e.height:b(o[1])?t.height*parseFloat(o[1])/100:parseInt(o[1],10),"auto"===o[0]&&(r=i/e.height*e.width),{width:r,height:i}},y.prototype.parseBackgroundPosition=function(t,e,n,r){var i,o,s=this.cssList("backgroundPosition",n);return i=b(s[0])?(t.width-(r||e).width)*(parseFloat(s[0])/100):parseInt(s[0],10),o="auto"===s[1]?i/e.width*e.height:b(s[1])?(t.height-(r||e).height)*parseFloat(s[1])/100:parseInt(s[1],10),"auto"===s[0]&&(i=o/e.height*e.width),{left:i,top:o}},y.prototype.parseBackgroundRepeat=function(t){return this.cssList("backgroundRepeat",t)[0]},y.prototype.parseTextShadows=function(){var t=this.css("textShadow"),e=[];if(t&&"none"!==t)for(var n=t.match(this.TEXT_SHADOW_PROPERTY),r=0;n&&n.length>r;r++){var i=n[r].match(this.TEXT_SHADOW_VALUES);e.push({color:i[0],offsetX:i[1]?i[1].replace("px",""):0,offsetY:i[2]?i[2].replace("px",""):0,blur:i[3]?i[3].replace("px",""):0})}return e},y.prototype.TEXT_SHADOW_PROPERTY=/((rgba|rgb)\([^\)]+\)(\s-?\d+px){0,})/g,y.prototype.TEXT_SHADOW_VALUES=/(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\(.+\))/g,w.prototype.createPseudoHideStyles=function(t){var e=t.createElement("style");e.innerHTML="."+this.pseudoHideClass+':before { content: "" !important; display: none !important; }'+"."+this.pseudoHideClass+':after { content: "" !important; display: none !important; }',t.body.appendChild(e)},w.prototype.getPseudoElements=function(t){var e=[[t]];if(t instanceof y){var n=this.getPseudoElement(t,":before"),r=this.getPseudoElement(t,":after");n&&(t.node.insertBefore(n[0].node,t.node.firstChild),e.push(n)),r&&(t.node.appendChild(r[0].node),e.push(r)),(n||r)&&(t.node.className+=" "+this.pseudoHideClass)}return G(e)},w.prototype.getPseudoElement=function(t,n){var r=t.computedStyle(n);if(!r||!r.content||"none"===r.content||"-moz-alt-content"===r.content||"none"===r.display)return null;var i=U(r.content),o="url"===i.substr(0,3),s=e.createElement(o?"img":"html2canvaspseudoelement"),a=new y(s,t);if(Object.keys(r).filter($).forEach(function(t){try{s.style[t]=r[t]}catch(e){m("Tried to assign readonly property ",t,"Error:",e)}}),s.className=this.pseudoHideClass,o)return s.src=v(i)[0].args[0],[a];var c=e.createTextNode(i);return s.appendChild(c),[a,new Z(c,a)]},w.prototype.getChildren=function(t){return G([].filter.call(t.node.childNodes,M).map(function(e){var n=[e.nodeType===Node.TEXT_NODE?new Z(e,t):new y(e,t)].filter(X);return e.nodeType===Node.ELEMENT_NODE&&n.length?n[0].isElementVisible()?n.concat(this.getChildren(n[0])):[]:n},this))},w.prototype.newStackingContext=function(t,e){var n=new K(e,t.cssFloat("opacity"),t.node,t.parent);n.visible=t.visible;var r=n.getParentStack(this);r.contexts.push(n),t.stack=n},w.prototype.createStackingContexts=function(){this.nodes.forEach(function(t){H(t)&&(this.isRootElement(t)||z(t)||P(t)||this.isBodyWithTransparentRoot(t))?this.newStackingContext(t,!0):H(t)&&_(t)?this.newStackingContext(t,!1):t.assignStack(t.parent.stack)},this)},w.prototype.isBodyWithTransparentRoot=function(t){return"BODY"===t.node.nodeName&&this.renderer.isTransparent(t.parent.css("backgroundColor"))},w.prototype.isRootElement=function(t){return"HTML"===t.node.nodeName},w.prototype.sortStackingContexts=function(t){t.contexts.sort(j),t.contexts.forEach(this.sortStackingContexts,this)},w.prototype.parseBounds=function(t){return t.bounds=this.getBounds(t.node)},w.prototype.getBounds=function(t){if(t.getBoundingClientRect){var e=t.getBoundingClientRect(),n="BODY"===t.nodeName,r=n?t.scrollWidth:t.offsetWidth;return{top:e.top,bottom:e.bottom||e.top+e.height,right:e.left+r,left:e.left,width:r,height:n?t.scrollHeight:t.offsetHeight}}return{}},w.prototype.parseTextBounds=function(t){return function(e,n,r){if("none"!==t.parent.css("textDecoration")||0!==e.trim().length){if(this.support.rangeBounds){var i=r.slice(0,n).join("").length;return this.getRangeBounds(t.node,i,e.length)}if(t.node&&"string"==typeof t.node.data){var o=t.node.splitText(e.length),s=this.getWrapperBounds(t.node);return t.node=o,s}}else this.support.rangeBounds||(t.node=t.node.splitText(e.length));return{}}},w.prototype.getWrapperBounds=function(t){var e=t.ownerDocument.createElement("wrapper"),n=t.parentNode,r=t.cloneNode(!0);e.appendChild(t.cloneNode(!0)),n.replaceChild(e,t);var i=this.getBounds(e);return n.replaceChild(r,e),i},w.prototype.getRangeBounds=function(t,e,n){var r=this.range||(this.range=t.ownerDocument.createRange());return r.setStart(t,e),r.setEnd(t,e+n),r.getBoundingClientRect()},w.prototype.parse=function(t){var e=t.contexts.filter(R),n=t.children.filter(H),r=n.filter(W(D)),i=r.filter(W(_)).filter(W(B)),o=n.filter(W(_)).filter(D),s=r.filter(W(_)).filter(B),a=t.contexts.concat(r.filter(_)).filter(S),c=t.children.filter(F).filter(A),h=t.contexts.filter(C),u=[];e.concat(i).concat(o).concat(s).concat(a).concat(c).concat(h).forEach(function(t){if(this.paint(t),-1!==u.indexOf(t.node))throw m(t,t.node),Error("rendering twice");u.push(t.node),O(t)&&this.parse(t)},this)},w.prototype.paint=function(t){try{F(t)?this.paintText(t):this.paintNode(t)}catch(e){m(e)}},w.prototype.paintNode=function(t){O(t)&&this.renderer.setOpacity(t.opacity);var e=this.parseBounds(t),n=this.parseBorders(t);switch(this.renderer.clip(n.clip,function(){this.renderer.renderBackground(t,e)},this),this.renderer.renderBorders(n.borders),t.node.nodeName){case"IMG":var r=this.images.get(t.node.src);r?this.renderer.renderImage(t,e,n,r.image):m("Error loading ",t.node.src)}},w.prototype.paintText=function(t){t.applyTextTransform();var e=t.node.data.split(!this.options.letterRendering||L(t)?/(\b| )/:""),n=t.parent.fontWeight(),r=t.parent.css("fontSize"),i=t.parent.css("fontFamily"),o=t.parent.parseTextShadows();this.renderer.font(t.parent.css("color"),t.parent.css("fontStyle"),t.parent.css("fontVariant"),n,r,i),o.length?this.renderer.fontShadow(o[0].color,o[0].offsetX,o[0].offsetY,o[0].blur):this.renderer.clearShadow(),e.map(this.parseTextBounds(t),this).forEach(function(n,o){n&&(this.renderer.text(e[o],n.left,n.bottom),this.renderTextDecoration(t.parent,n,this.fontMetrics.getMetrics(i,r)))},this)},w.prototype.renderTextDecoration=function(t,e,n){switch(t.css("textDecoration").split(" ")[0]){case"underline":this.renderer.rectangle(e.left,Math.round(e.top+n.baseline+n.lineWidth),e.width,1,t.css("color"));break;case"overline":this.renderer.rectangle(e.left,Math.round(e.top),e.width,1,t.css("color"));break;case"line-through":this.renderer.rectangle(e.left,Math.ceil(e.top+n.middle+n.lineWidth),e.width,1,t.css("color"))}},w.prototype.parseBorders=function(t){var e=t.bounds,n=N(t),r=["Top","Right","Bottom","Left"].map(function(e){return{width:t.cssInt("border"+e+"Width"),color:t.css("border"+e+"Color"),args:null}}),i=k(e,n,r);return{clip:this.parseBackgroundClip(t,i,r,n,e),borders:r.map(function(t,o){if(t.width>0){var s=e.left,a=e.top,c=e.width,h=e.height-r[2].width;switch(o){case 0:h=r[0].width,t.args=T({c1:[s,a],c2:[s+c,a],c3:[s+c-r[1].width,a+h],c4:[s+r[3].width,a+h]},n[0],n[1],i.topLeftOuter,i.topLeftInner,i.topRightOuter,i.topRightInner);break;case 1:s=e.left+e.width-r[1].width,c=r[1].width,t.args=T({c1:[s+c,a],c2:[s+c,a+h+r[2].width],c3:[s,a+h],c4:[s,a+r[0].width]},n[1],n[2],i.topRightOuter,i.topRightInner,i.bottomRightOuter,i.bottomRightInner);break;case 2:a=a+e.height-r[2].width,h=r[2].width,t.args=T({c1:[s+c,a+h],c2:[s,a+h],c3:[s+r[3].width,a],c4:[s+c-r[3].width,a]},n[2],n[3],i.bottomRightOuter,i.bottomRightInner,i.bottomLeftOuter,i.bottomLeftInner);break;case 3:c=r[3].width,t.args=T({c1:[s,a+h+r[2].width],c2:[s,a],c3:[s+c,a+r[0].width],c4:[s+c,a+h]},n[3],n[0],i.bottomLeftOuter,i.bottomLeftInner,i.topLeftOuter,i.topLeftInner)}}return t})}},w.prototype.parseBackgroundClip=function(t,e,n,r,i){var o=t.css("backgroundClip"),s=[];switch(o){case"content-box":case"padding-box":I(s,r[0],r[1],e.topLeftInner,e.topRightInner,i.left+n[3].width,i.top+n[0].width),I(s,r[1],r[2],e.topRightInner,e.bottomRightInner,i.left+i.width-n[1].width,i.top+n[0].width),I(s,r[2],r[3],e.bottomRightInner,e.bottomLeftInner,i.left+i.width-n[1].width,i.top+i.height-n[2].width),I(s,r[3],r[0],e.bottomLeftInner,e.topLeftInner,i.left+n[3].width,i.top+i.height-n[2].width);break;default:I(s,r[0],r[1],e.topLeftOuter,e.topRightOuter,i.left,i.top),I(s,r[1],r[2],e.topRightOuter,e.bottomRightOuter,i.left+i.width,i.top),I(s,r[2],r[3],e.bottomRightOuter,e.bottomLeftOuter,i.left+i.width,i.top+i.height),I(s,r[3],r[0],e.bottomLeftOuter,e.topLeftOuter,i.left,i.top+i.height)}return s},w.prototype.pseudoHideClass="___html2canvas___pseudoelement",!function(){var r,i,o,s;!function(){var t={},e={};r=function(e,n,r){t[e]={deps:n,callback:r}},s=o=i=function(n){function r(t){if("."!==t.charAt(0))return t;for(var e=t.split("/"),r=n.split("/").slice(0,-1),i=0,o=e.length;o>i;i++){var s=e[i];if(".."===s)r.pop();else{if("."===s)continue;r.push(s)}}return r.join("/")}if(s._eak_seen=t,e[n])return e[n];if(e[n]={},!t[n])throw Error("Could not find module "+n);for(var o,a=t[n],c=a.deps,h=a.callback,u=[],d=0,p=c.length;p>d;d++)"exports"===c[d]?u.push(o={}):u.push(i(r(c[d])));var l=h.apply(this,u);return e[n]=o||l}}(),r("promise/all",["./utils","exports"],function(t,e){"use strict";function n(t){var e=this;if(!r(t))throw new TypeError("You must pass an array to all.");return new e(function(e,n){function r(t){return function(e){o(t,e)}}function o(t,n){a[t]=n,0===--c&&e(a)}var s,a=[],c=t.length;0===c&&e([]);for(var h=0;t.length>h;h++)s=t[h],s&&i(s.then)?s.then(r(h),n):o(h,s)})}var r=t.isArray,i=t.isFunction;e.all=n}),r("promise/asap",["exports"],function(r){"use strict";function i(){return function(){process.nextTick(a)}}function o(){var t=0,n=new d(a),r=e.createTextNode("");return n.observe(r,{characterData:!0}),function(){r.data=t=++t%2}}function s(){return function(){p.setTimeout(a,1)}}function a(){for(var t=0;l.length>t;t++){var e=l[t],n=e[0],r=e[1];n(r)}l=[]}function c(t,e){var n=l.push([t,e]);1===n&&h()}var h,u=t!==n?t:{},d=u.MutationObserver||u.WebKitMutationObserver,p="undefined"!=typeof global?global:this,l=[];h="undefined"!=typeof process&&"[object process]"==={}.toString.call(process)?i():d?o():s(),r.asap=c}),r("promise/cast",["exports"],function(t){"use strict";function e(t){if(t&&"object"==typeof t&&t.constructor===this)return t;var e=this;return new e(function(e){e(t)})}t.cast=e}),r("promise/config",["exports"],function(t){"use strict";function e(t,e){return 2!==arguments.length?n[t]:(n[t]=e,void 0)}var n={instrument:!1};t.config=n,t.configure=e}),r("promise/polyfill",["./promise","./utils","exports"],function(e,n,r){"use strict";function i(){var e="Promise"in t&&"cast"in t.Promise&&"resolve"in t.Promise&&"reject"in t.Promise&&"all"in t.Promise&&"race"in t.Promise&&function(){var e;return new t.Promise(function(t){e=t}),s(e)}();e||(t.Promise=o)}var o=e.Promise,s=n.isFunction;r.polyfill=i}),r("promise/promise",["./config","./utils","./cast","./all","./race","./resolve","./reject","./asap","exports"],function(t,e,n,r,i,o,s,a,c){"use strict";function h(t){if(!k(t))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.");this._subscribers=[],u(t,this)}function u(t,e){function n(t){g(e,t)}function r(t){y(e,t)}try{t(n,r)}catch(i){r(i)}}function d(t,e,n,r){var i,o,s,a,c=k(n);if(c)try{i=n(r),s=!0}catch(h){a=!0,o=h}else i=r,s=!0;f(e,i)||(c&&s?g(e,i):a?y(e,o):t===A?g(e,i):t===L&&y(e,i))}function p(t,e,n,r){var i=t._subscribers,o=i.length;i[o]=e,i[o+A]=n,i[o+L]=r}function l(t,e){for(var n,r,i=t._subscribers,o=t._detail,s=0;i.length>s;s+=3)n=i[s],r=i[s+e],d(e,n,r,o);t._subscribers=null}function f(t,e){var n,r=null;try{if(t===e)throw new TypeError("A promises callback cannot return that same promise.");if(x(e)&&(r=e.then,k(r)))return r.call(e,function(r){return n?!0:(n=!0,e!==r?g(t,r):m(t,r),void 0)},function(e){return n?!0:(n=!0,y(t,e),void 0)}),!0}catch(i){return n?!0:(y(t,i),!0)}return!1}function g(t,e){t===e?m(t,e):f(t,e)||m(t,e)}function m(t,e){t._state===B&&(t._state=O,t._detail=e,w.async(b,t))}function y(t,e){t._state===B&&(t._state=O,t._detail=e,w.async(v,t))}function b(t){l(t,t._state=A)}function v(t){l(t,t._state=L)}var w=t.config,x=(t.configure,e.objectOrFunction),k=e.isFunction,E=(e.now,n.cast),T=r.all,I=i.race,R=o.resolve,C=s.reject,S=a.asap;w.async=S;var B=void 0,O=0,A=1,L=2;h.prototype={constructor:h,_state:void 0,_detail:void 0,_subscribers:void 0,then:function(t,e){var n=this,r=new this.constructor(function(){});if(this._state){var i=arguments;w.async(function(){d(n._state,r,i[n._state-1],n._detail)})}else p(this,r,t,e);return r},"catch":function(t){return this.then(null,t)}},h.all=T,h.cast=E,h.race=I,h.resolve=R,h.reject=C,c.Promise=h}),r("promise/race",["./utils","exports"],function(t,e){"use strict";function n(t){var e=this;if(!r(t))throw new TypeError("You must pass an array to race.");return new e(function(e,n){for(var r,i=0;t.length>i;i++)r=t[i],r&&"function"==typeof r.then?r.then(e,n):e(r)})}var r=t.isArray;e.race=n}),r("promise/reject",["exports"],function(t){"use strict";function e(t){var e=this;return new e(function(e,n){n(t)})}t.reject=e}),r("promise/resolve",["exports"],function(t){"use strict";function e(t){var e=this;return new e(function(e){e(t)})}t.resolve=e}),r("promise/utils",["exports"],function(t){"use strict";function e(t){return n(t)||"object"==typeof t&&null!==t}function n(t){return"function"==typeof t}function r(t){return"[object Array]"===Object.prototype.toString.call(t)}var i=Date.now||function(){return(new Date).getTime()};t.objectOrFunction=e,t.isFunction=n,t.isArray=r,t.now=i}),i("promise/polyfill").polyfill()}(),q.prototype.renderImage=function(t,e,n,r){var i=t.cssInt("paddingLeft"),o=t.cssInt("paddingTop"),s=t.cssInt("paddingRight"),a=t.cssInt("paddingBottom"),c=n.borders;this.drawImage(r,0,0,r.width,r.height,e.left+i+c[3].width,e.top+o+c[0].width,e.width-(c[1].width+c[3].width+i+s),e.height-(c[0].width+c[2].width+o+a))},q.prototype.renderBackground=function(t,e){e.height>0&&e.width>0&&(this.renderBackgroundColor(t,e),this.renderBackgroundImage(t,e))},q.prototype.renderBackgroundColor=function(t,e){var n=t.css("backgroundColor");this.isTransparent(n)||this.rectangle(e.left,e.top,e.width,e.height,t.css("backgroundColor"))},q.prototype.renderBorders=function(t){t.forEach(this.renderBorder,this)},q.prototype.renderBorder=function(t){this.isTransparent(t.color)||null===t.args||this.drawShape(t.args,t.color)},q.prototype.renderBackgroundImage=function(t,e){var n=t.parseBackgroundImages();n.reverse().forEach(function(n,r,i){switch(n.method){case"url":var o=this.images.get(n.args[0]);o?this.renderBackgroundRepeating(t,e,o,i.length-(r+1)):m("Error loading background-image",n.args[0]);break;case"linear-gradient":case"gradient":var s=this.images.get(n.value);s?this.renderBackgroundGradient(s,e):m("Error loading background-image",n.args[0]);break;case"none":break;default:m("Unknown background-image type",n.args[0])}},this)},q.prototype.renderBackgroundRepeating=function(t,e,n,r){var i=t.parseBackgroundSize(e,n.image,r),o=t.parseBackgroundPosition(e,n.image,r,i),s=t.parseBackgroundRepeat(r);switch(s){case"repeat-x":case"repeat no-repeat":this.backgroundRepeatShape(n,o,i,e,e.left,e.top+o.top,99999,n.image.height);break;case"repeat-y":case"no-repeat repeat":this.backgroundRepeatShape(n,o,i,e,e.left+o.left,e.top,n.image.width,99999);break;case"no-repeat":this.backgroundRepeatShape(n,o,i,e,e.left+o.left,e.top+o.top,n.image.width,n.image.height);break;default:this.renderBackgroundRepeat(n,o,i,{top:e.top,left:e.left})}},q.prototype.isTransparent=function(t){return!t||"transparent"===t||"rgba(0, 0, 0, 0)"===t},J.prototype=Object.create(q.prototype),J.prototype.setFillStyle=function(t){return this.ctx.fillStyle=t,this.ctx},J.prototype.rectangle=function(t,e,n,r,i){this.setFillStyle(i).fillRect(t,e,n,r)},J.prototype.drawShape=function(t,e){this.shape(t),this.setFillStyle(e).fill()},J.prototype.drawImage=function(t,e,n,r,i,o,s,a,c){this.ctx.drawImage(t,e,n,r,i,o,s,a,c)},J.prototype.clip=function(t,e,n){this.ctx.save(),this.shape(t).clip(),e.call(n),this.ctx.restore()},J.prototype.shape=function(t){return this.ctx.beginPath(),t.forEach(function(t,e){this.ctx[0===e?"moveTo":t[0]+"To"].apply(this.ctx,t.slice(1))},this),this.ctx.closePath(),this.ctx},J.prototype.font=function(t,e,n,r,i,o){this.setFillStyle(t).font=[e,n,r,i,o].join(" ")},J.prototype.fontShadow=function(t,e,n,r){this.setVariable("shadowColor",t).setVariable("shadowOffsetY",e).setVariable("shadowOffsetX",n).setVariable("shadowBlur",r)},J.prototype.clearShadow=function(){this.setVariable("shadowColor","rgba(0,0,0,0)")},J.prototype.setOpacity=function(t){this.ctx.globalAlpha=t},J.prototype.setVariable=function(t,e){return this.variables[t]!==e&&(this.variables[t]=this.ctx[t]=e),this},J.prototype.text=function(t,e,n){this.ctx.fillText(t,e,n)},J.prototype.backgroundRepeatShape=function(t,e,n,r,i,o,s,a){var c=[["line",Math.round(i),Math.round(o)],["line",Math.round(i+s),Math.round(o)],["line",Math.round(i+s),Math.round(a+o)],["line",Math.round(i),Math.round(a+o)]];this.clip(c,function(){this.renderBackgroundRepeat(t,e,n,r)},this)},J.prototype.renderBackgroundRepeat=function(t,e,n,r){var i=Math.round(r.left+e.left),o=Math.round(r.top+e.top);this.setFillStyle(this.ctx.createPattern(this.resizeImage(t,n),"repeat")),this.ctx.translate(i,o),this.ctx.fill(),this.ctx.translate(-i,-o)},J.prototype.renderBackgroundGradient=function(t,e){t instanceof g&&this.ctx.createLinearGradient(e.left,e.top,e.right,e.bottom)},J.prototype.resizeImage=function(t,n){var r=t.image;if(r.width===n.width&&r.height===n.height)return r;var i,o=e.createElement("canvas");return o.width=n.width,o.height=n.height,i=o.getContext("2d"),i.drawImage(r,0,0,r.width,r.height,0,0,n.width,n.height),o},K.prototype=Object.create(y.prototype),K.prototype.getParentStack=function(t){var e=this.parent?this.parent.stack:null;return e?e.ownStacking?e:e.getParentStack(t):t.stack},Q.prototype.testRangeBounds=function(){var t,n,r,i,o=!1;return e.createRange&&(t=e.createRange(),t.getBoundingClientRect&&(n=e.createElement("boundtest"),n.style.height="123px",n.style.display="block",e.body.appendChild(n),t.selectNode(n),r=t.getBoundingClientRect(),i=r.height,123===i&&(o=!0),e.body.removeChild(n))),o},Q.prototype.testCORS=function(){return(new Image).crossOrigin!==n},Z.prototype=Object.create(y.prototype),Z.prototype.applyTextTransform=function(){this.node.data=this.transform(this.parent.css("textTransform")) +},Z.prototype.transform=function(t){var e=this.node.data;switch(t){case"lowercase":return e.toLowerCase();case"capitalize":return e.replace(/(^|\s|:|-|\(|\))([a-z])/g,te);case"uppercase":return e.toUpperCase();default:return e}},ee.prototype=Object.create(u.prototype)})(window,document); \ No newline at end of file diff --git a/src/nodecontainer.js b/src/nodecontainer.js index 070a920..c5d3562 100644 --- a/src/nodecontainer.js +++ b/src/nodecontainer.js @@ -20,12 +20,16 @@ NodeContainer.prototype.isElementVisible = function() { NodeContainer.prototype.css = function(attribute) { if (!this.computedStyles) { - this.computedStyles = this.node.ownerDocument.defaultView.getComputedStyle(this.node, null); + this.computedStyles = this.computedStyle(null); } return this.styles[attribute] || (this.styles[attribute] = this.computedStyles[attribute]); }; +NodeContainer.prototype.computedStyle = function(type) { + return this.node.ownerDocument.defaultView.getComputedStyle(this.node, type); +}; + NodeContainer.prototype.cssInt = function(attribute) { var value = parseInt(this.css(attribute), 10); return (isNaN(value)) ? 0 : value; // borders in old IE are throwing 'medium' for demo.html @@ -50,103 +54,6 @@ NodeContainer.prototype.fontWeight = function() { }; NodeContainer.prototype.parseBackgroundImages = function() { - function parseBackgrounds(backgroundImage) { - var whitespace = ' \r\n\t', - method, definition, prefix, prefix_i, block, results = [], - mode = 0, numParen = 0, quote, args; - var appendResult = function() { - if(method) { - if (definition.substr(0, 1) === '"') { - definition = definition.substr(1, definition.length - 2); - } - if (definition) { - args.push(definition); - } - if (method.substr(0, 1) === '-' && (prefix_i = method.indexOf('-', 1 ) + 1) > 0) { - prefix = method.substr(0, prefix_i); - method = method.substr(prefix_i); - } - results.push({ - prefix: prefix, - method: method.toLowerCase(), - value: block, - args: args, - image: null - }); - } - args = []; - method = prefix = definition = block = ''; - }; - args = []; - method = prefix = definition = block = ''; - backgroundImage.split("").forEach(function(c) { - if (mode === 0 && whitespace.indexOf(c) > -1) { - return; - } - switch(c) { - case '"': - if(!quote) { - quote = c; - } - else if(quote === c) { - quote = null; - } - break; - case '(': - if(quote) { - break; - } else if(mode === 0) { - mode = 1; - block += c; - return; - } else { - numParen++; - } - break; - case ')': - if (quote) { - break; - } else if(mode === 1) { - if(numParen === 0) { - mode = 0; - block += c; - appendResult(); - return; - } else { - numParen--; - } - } - break; - - case ',': - if (quote) { - break; - } else if(mode === 0) { - appendResult(); - return; - } else if (mode === 1) { - if (numParen === 0 && !method.match(/^url$/i)) { - args.push(definition); - definition = ''; - block += c; - return; - } - } - break; - } - - block += c; - if (mode === 0) { - method += c; - } else { - definition += c; - } - }); - - appendResult(); - return results; - } - return this.backgroundImages || (this.backgroundImages = parseBackgrounds(this.css("backgroundImage"))); }; @@ -244,3 +151,100 @@ NodeContainer.prototype.TEXT_SHADOW_VALUES = /(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\ function isPercentage(value) { return value.toString().indexOf("%") !== -1; } + +function parseBackgrounds(backgroundImage) { + var whitespace = ' \r\n\t', + method, definition, prefix, prefix_i, block, results = [], + mode = 0, numParen = 0, quote, args; + var appendResult = function() { + if(method) { + if (definition.substr(0, 1) === '"') { + definition = definition.substr(1, definition.length - 2); + } + if (definition) { + args.push(definition); + } + if (method.substr(0, 1) === '-' && (prefix_i = method.indexOf('-', 1 ) + 1) > 0) { + prefix = method.substr(0, prefix_i); + method = method.substr(prefix_i); + } + results.push({ + prefix: prefix, + method: method.toLowerCase(), + value: block, + args: args, + image: null + }); + } + args = []; + method = prefix = definition = block = ''; + }; + args = []; + method = prefix = definition = block = ''; + backgroundImage.split("").forEach(function(c) { + if (mode === 0 && whitespace.indexOf(c) > -1) { + return; + } + switch(c) { + case '"': + if(!quote) { + quote = c; + } + else if(quote === c) { + quote = null; + } + break; + case '(': + if(quote) { + break; + } else if(mode === 0) { + mode = 1; + block += c; + return; + } else { + numParen++; + } + break; + case ')': + if (quote) { + break; + } else if(mode === 1) { + if(numParen === 0) { + mode = 0; + block += c; + appendResult(); + return; + } else { + numParen--; + } + } + break; + + case ',': + if (quote) { + break; + } else if(mode === 0) { + appendResult(); + return; + } else if (mode === 1) { + if (numParen === 0 && !method.match(/^url$/i)) { + args.push(definition); + definition = ''; + block += c; + return; + } + } + break; + } + + block += c; + if (mode === 0) { + method += c; + } else { + definition += c; + } + }); + + appendResult(); + return results; +} diff --git a/src/nodeparser.js b/src/nodeparser.js index 4d59548..0df48c4 100644 --- a/src/nodeparser.js +++ b/src/nodeparser.js @@ -7,9 +7,10 @@ function NodeParser(element, renderer, support, imageLoader, options) { this.stack = new StackingContext(true, 1, element.ownerDocument, null); var parent = new NodeContainer(element, null); parent.visibile = parent.isElementVisible(); - this.nodes = [parent].concat(this.getChildren(parent)).filter(function(container) { + this.createPseudoHideStyles(element.ownerDocument); + this.nodes = flatten([parent].concat(this.getChildren(parent)).filter(function(container) { return container.visible = container.isElementVisible(); - }); + }).map(this.getPseudoElements, this)); this.fontMetrics = new FontMetrics(); log("Fetched nodes"); this.images = imageLoader.fetch(this.nodes.filter(isElement)); @@ -24,6 +25,68 @@ function NodeParser(element, renderer, support, imageLoader, options) { }, this)); } +NodeParser.prototype.createPseudoHideStyles = function(document) { + var hidePseudoElements = document.createElement('style'); + hidePseudoElements.innerHTML = '.' + this.pseudoHideClass + ':before { content: "" !important; display: none !important; }' + + '.' + this.pseudoHideClass + ':after { content: "" !important; display: none !important; }'; + document.body.appendChild(hidePseudoElements); +}; + +NodeParser.prototype.getPseudoElements = function(container) { + var nodes = [[container]]; + if (container instanceof NodeContainer) { + var before = this.getPseudoElement(container, ":before"); + var after = this.getPseudoElement(container, ":after"); + + if (before) { + container.node.insertBefore(before[0].node, container.node.firstChild); + nodes.push(before); + } + + if (after) { + container.node.appendChild(after[0].node); + nodes.push(after); + } + + if (before || after) { + container.node.className += " " + this.pseudoHideClass; + } + } + return flatten(nodes); +}; + +NodeParser.prototype.getPseudoElement = function(container, type) { + var style = container.computedStyle(type); + if(!style || !style.content || style.content === "none" || style.content === "-moz-alt-content" || style.display === "none") { + return null; + } + + var content = stripQuotes(style.content); + var isImage = content.substr(0, 3) === 'url'; + var pseudoNode = document.createElement(isImage ? 'img' : 'html2canvaspseudoelement'); + var pseudoContainer = new NodeContainer(pseudoNode, container); + Object.keys(style).filter(indexedProperty).forEach(function(property) { + // Prevent assigning of read only CSS Rules, ex. length, parentRule + try { + pseudoNode.style[property] = style[property]; + } catch (e) { + log('Tried to assign readonly property ', property, 'Error:', e); + } + }); + + pseudoNode.className = this.pseudoHideClass; + + if (isImage) { + pseudoNode.src = parseBackgrounds(content)[0].args[0]; + return [pseudoContainer]; + } else { + var text = document.createTextNode(content); + pseudoNode.appendChild(text); + return [pseudoContainer, new TextContainer(text, pseudoContainer)]; + } +}; + + NodeParser.prototype.getChildren = function(parentContainer) { return flatten([].filter.call(parentContainer.node.childNodes, renderableNode).map(function(node) { var container = [node.nodeType === Node.TEXT_NODE ? new TextContainer(node, parentContainer) : new NodeContainer(node, parentContainer)].filter(nonIgnoredElement); @@ -328,6 +391,8 @@ NodeParser.prototype.parseBackgroundClip = function(container, borderPoints, bor return borderArgs; }; +NodeParser.prototype.pseudoHideClass = "___html2canvas___pseudoelement"; + function getCurvePoints(x, y, r1, r2) { var kappa = 4 * ((Math.sqrt(2) - 1) / 3); var ox = (r1) * kappa, // control point offset horizontal @@ -546,3 +611,12 @@ function nonIgnoredElement(nodeContainer) { function flatten(arrays) { return [].concat.apply([], arrays); } + +function stripQuotes(content) { + var first = content.substr(0, 1); + return (first === content.substr(content.length - 1) && first.match(/'|"/)) ? content.substr(1, content.length - 2) : content; +} + +function indexedProperty(property) { + return (isNaN(parseInt(property, 10))); +}