[ { "path": "README.md", "content": "**html2canvas html截图插件图片放大清晰度解决方案，支持任意放大倍数，解决原插件图片偏移问题**\n----------------------------------------------------\n\nAuthor: Alias You (2016.12.6)\n插件下载地址：https://github.com/niklasvh/html2canvas\n\n1.首先引入html2canvas.js html2canvas 0.5.0-beta4 最新版即可\n\n必要步骤1：修改插件的源码： （修改的地方有两处）\n\n#### 1. 代码第 999 行 renderWindow 的方法中 修改判断条件 增加一个options.scale存在的条件：\n\n\n源码：\n\n```\nif (options.type === \"view\") {\n canvas = crop(renderer.canvas, {width: renderer.canvas.width, height: renderer.canvas.height, top: 0, left: 0, x: 0, y: 0});\n } else if (node === clonedWindow.document.body || node === clonedWindow.document.documentElement || options.canvas != null) {\n canvas = renderer.canvas;\n } else {\n 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: 0, y: 0});\n\n }\n\n```\n改为：\n\n```\nif (options.type === \"view\") {\n canvas = crop(renderer.canvas, {width: renderer.canvas.width, height: renderer.canvas.height, top: 0, left: 0, x: 0, y: 0});\n } else if (node === clonedWindow.document.body || node === clonedWindow.document.documentElement) {\n canvas = renderer.canvas;\n }else if(options.scale && options.canvas !=null){\n log(\"放大canvas\",options.canvas);\n var scale = options.scale || 1;\n canvas = crop(renderer.canvas, {width: bounds.width * scale, height:bounds.height * scale, top: bounds.top *scale, left: bounds.left *scale, x: 0, y: 0});\n }\n else {\n 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: 0, y: 0});\n }\n```\n#### 2. 代码第 943 行 html2canvas 的方法中 修改width,height：\n\n\n源码：\n```\nreturn renderDocument(node.ownerDocument, options, node.ownerDocument.defaultView.innerWidth, node.ownerDocument.defaultView.innerHeight, index).then(function(canvas) {\n if (typeof(options.onrendered) === \"function\") {\n log(\"options.onrendered is deprecated, html2canvas returns a Promise containing the canvas\");\n options.onrendered(canvas);\n }\n return canvas;\n});\n```\n改为：\n\n```\nwidth = options.width != null ? options.width : node.ownerDocument.defaultView.innerWidth;\nheight = options.height != null ? options.height : node.ownerDocument.defaultView.innerHeight;\nreturn renderDocument(node.ownerDocument, options, width, height, index).then(function(canvas) {\n if (typeof(options.onrendered) === \"function\") {\n log(\"options.onrendered is deprecated, html2canvas returns a Promise containing the canvas\");\n options.onrendered(canvas);\n }\n return canvas;\n});\n```\n\n\n\n2.使用方式\n\n```\nvar shareContent = document.getElementById(\"shareContent\");//需要截图的包裹的（原生的）DOM 对象\nvar width = shareContent.offsetWidth; //获取dom 宽度\nvar height = shareContent.offsetHeight; //获取dom 高度\nvar canvas = document.createElement(\"canvas\"); //创建一个canvas节点\nvar scale = 2; //定义任意放大倍数 支持小数\ncanvas.width = width * scale; //定义canvas 宽度 * 缩放\ncanvas.height = height * scale; //定义canvas高度 *缩放\ncanvas.getContext(\"2d\").scale(scale,scale); //获取context,设置scale \nvar opts = {\n scale:scale, // 添加的scale 参数\n canvas:canvas, //自定义 canvas\n logging: true, //日志开关\n width:width, //dom 原始宽度\n height:height //dom 原始高度\n};\n\nhtml2canvas(shareContent, opts).then(function (canvas) {\n //如果想要生成图片 引入canvas2Image.js 下载地址：\n //https://github.com/hongru/canvas2image/blob/master/canvas2image.js\n var img = Canvas2Image.convertToImage(canvas, canvas.width, canvas.height);\n console.log(img);\n});\n```\n\n**2017.1.7 优化插件使用的方式，并附上demo （插件的改动还是按照上面的操作流程）**\n-------------------------------------------------\n\n（修复插件的使用方式上存在截图不完整的bug）\n\n\n以下我总结了一些注意事项，在代码中注释了，仅供参考。\n付：完整使用的demo ,如下：\n\n \n \n \n \n \n \n \n \n html2Canvas demo\n \n \n \n \n
\n
\n
\n
\n

文字，图片等内容

\n
\n
\n
\n \n
\n \n \n \n \n \n\n## 运行上面的demo 前有以下 **注意点**：\n\n1. 前面的内容没看过,没下载过html2canvas.js 没按照插件改过说明操作的先改好再说\n2. 注意元素的样式的使用：\n 外层元素width 不能使用百分比 ,避免导致图片与文字间缩放比例问题\n 错误使用方式如 \n .container {\n width:50%;\n margin: 0 auto;\n } \n\n 需要改成如：\n\n .container {\n width:300px;\n margin: 0 auto;\n } \n\n有疑问请在下方留言，可以在群里讨论和交流 QQ群：172270493，欢迎加入哦" }, { "path": "demo.html", "content": "\n\n\n \n \n \n \n \n html2Canvas demo\n \n \n\n\n
\n
\n
\n
\n

文字，图片等内容

\n
\n
\n
\n \n
\n\n\n\n\n" }, { "path": "static/js/canvas2image.js", "content": "/**\n * covert canvas to image\n * and save the image file\n */\n\nvar Canvas2Image = function () {\n\n // check if support sth.\n var $support = function () {\n var canvas = document.createElement('canvas'),\n ctx = canvas.getContext('2d');\n\n return {\n canvas: !!ctx,\n imageData: !!ctx.getImageData,\n dataURL: !!canvas.toDataURL,\n btoa: !!window.btoa\n };\n }();\n\n var downloadMime = 'image/octet-stream';\n\n function scaleCanvas (canvas, width, height) {\n var w = canvas.width,\n h = canvas.height;\n if (width == undefined) {\n width = w;\n }\n if (height == undefined) {\n height = h;\n }\n\n var retCanvas = document.createElement('canvas');\n var retCtx = retCanvas.getContext('2d');\n retCanvas.width = width;\n retCanvas.height = height;\n retCtx.drawImage(canvas, 0, 0, w, h, 0, 0, width, height);\n return retCanvas;\n }\n\n function getDataURL (canvas, type, width, height) {\n canvas = scaleCanvas(canvas, width, height);\n return canvas.toDataURL(type);\n }\n\n function saveFile (strData) {\n document.location.href = strData;\n }\n\n function genImage(strData) {\n var img = document.createElement('img');\n img.src = strData;\n return img;\n }\n function fixType (type) {\n type = type.toLowerCase().replace(/jpg/i, 'jpeg');\n var r = type.match(/png|jpeg|bmp|gif/)[0];\n return 'image/' + r;\n }\n function encodeData (data) {\n if (!window.btoa) { throw 'btoa undefined' }\n var str = '';\n if (typeof data == 'string') {\n str = data;\n } else {\n for (var i = 0; i < data.length; i ++) {\n str += String.fromCharCode(data[i]);\n }\n }\n\n return btoa(str);\n }\n function getImageData (canvas) {\n var w = canvas.width,\n h = canvas.height;\n return canvas.getContext('2d').getImageData(0, 0, w, h);\n }\n function makeURI (strData, type) {\n return 'data:' + type + ';base64,' + strData;\n }\n\n\n /**\n * create bitmap image\n * 按照规则生成图片响应头和响应体\n */\n var genBitmapImage = function (oData) {\n\n //\n // BITMAPFILEHEADER: http://msdn.microsoft.com/en-us/library/windows/desktop/dd183374(v=vs.85).aspx\n // BITMAPINFOHEADER: http://msdn.microsoft.com/en-us/library/dd183376.aspx\n //\n\n var biWidth = oData.width;\n var biHeight\t= oData.height;\n var biSizeImage = biWidth * biHeight * 3;\n var bfSize = biSizeImage + 54; // total header size = 54 bytes\n\n //\n // typedef struct tagBITMAPFILEHEADER {\n // \tWORD bfType;\n // \tDWORD bfSize;\n // \tWORD bfReserved1;\n // \tWORD bfReserved2;\n // \tDWORD bfOffBits;\n // } BITMAPFILEHEADER;\n //\n var BITMAPFILEHEADER = [\n // WORD bfType -- The file type signature; must be \"BM\"\n 0x42, 0x4D,\n // DWORD bfSize -- The size, in bytes, of the bitmap file\n bfSize & 0xff, bfSize >> 8 & 0xff, bfSize >> 16 & 0xff, bfSize >> 24 & 0xff,\n // WORD bfReserved1 -- Reserved; must be zero\n 0, 0,\n // WORD bfReserved2 -- Reserved; must be zero\n 0, 0,\n // DWORD bfOffBits -- The offset, in bytes, from the beginning of the BITMAPFILEHEADER structure to the bitmap bits.\n 54, 0, 0, 0\n ];\n\n //\n // typedef struct tagBITMAPINFOHEADER {\n // \tDWORD biSize;\n // \tLONG biWidth;\n // \tLONG biHeight;\n // \tWORD biPlanes;\n // \tWORD biBitCount;\n // \tDWORD biCompression;\n // \tDWORD biSizeImage;\n // \tLONG biXPelsPerMeter;\n // \tLONG biYPelsPerMeter;\n // \tDWORD biClrUsed;\n // \tDWORD biClrImportant;\n // } BITMAPINFOHEADER, *PBITMAPINFOHEADER;\n //\n var BITMAPINFOHEADER = [\n // DWORD biSize -- The number of bytes required by the structure\n 40, 0, 0, 0,\n // LONG biWidth -- The width of the bitmap, in pixels\n biWidth & 0xff, biWidth >> 8 & 0xff, biWidth >> 16 & 0xff, biWidth >> 24 & 0xff,\n // LONG biHeight -- The height of the bitmap, in pixels\n biHeight & 0xff, biHeight >> 8 & 0xff, biHeight >> 16 & 0xff, biHeight >> 24 & 0xff,\n // WORD biPlanes -- The number of planes for the target device. This value must be set to 1\n 1, 0,\n // WORD biBitCount -- The number of bits-per-pixel, 24 bits-per-pixel -- the bitmap\n // has a maximum of 2^24 colors (16777216, Truecolor)\n 24, 0,\n // DWORD biCompression -- The type of compression, BI_RGB (code 0) -- uncompressed\n 0, 0, 0, 0,\n // DWORD biSizeImage -- The size, in bytes, of the image. This may be set to zero for BI_RGB bitmaps\n biSizeImage & 0xff, biSizeImage >> 8 & 0xff, biSizeImage >> 16 & 0xff, biSizeImage >> 24 & 0xff,\n // LONG biXPelsPerMeter, unused\n 0,0,0,0,\n // LONG biYPelsPerMeter, unused\n 0,0,0,0,\n // DWORD biClrUsed, the number of color indexes of palette, unused\n 0,0,0,0,\n // DWORD biClrImportant, unused\n 0,0,0,0\n ];\n\n var iPadding = (4 - ((biWidth * 3) % 4)) % 4;\n\n var aImgData = oData.data;\n\n var strPixelData = '';\n var biWidth4 = biWidth<<2;\n var y = biHeight;\n var fromCharCode = String.fromCharCode;\n\n do {\n var iOffsetY = biWidth4*(y-1);\n var strPixelRow = '';\n for (var x = 0; x < biWidth; x++) {\n var iOffsetX = x<<2;\n strPixelRow += fromCharCode(aImgData[iOffsetY+iOffsetX+2]) +\n fromCharCode(aImgData[iOffsetY+iOffsetX+1]) +\n fromCharCode(aImgData[iOffsetY+iOffsetX]);\n }\n\n for (var c = 0; c < iPadding; c++) {\n strPixelRow += String.fromCharCode(0);\n }\n\n strPixelData += strPixelRow;\n } while (--y);\n\n var strEncoded = encodeData(BITMAPFILEHEADER.concat(BITMAPINFOHEADER)) + encodeData(strPixelData);\n\n return strEncoded;\n };\n\n /**\n * saveAsImage\n * @param canvasElement\n * @param {String} image type\n * @param {Number} [optional] png width\n * @param {Number} [optional] png height\n */\n var saveAsImage = function (canvas, width, height, type) {\n if ($support.canvas && $support.dataURL) {\n if (typeof canvas == \"string\") { canvas = document.getElementById(canvas); }\n if (type == undefined) { type = 'png'; }\n type = fixType(type);\n if (/bmp/.test(type)) {\n var data = getImageData(scaleCanvas(canvas, width, height));\n var strData = genBitmapImage(data);\n saveFile(makeURI(strData, downloadMime));\n } else {\n var strData = getDataURL(canvas, type, width, height);\n saveFile(strData.replace(type, downloadMime));\n }\n }\n };\n\n var getBase64Data = function(canvas, width, height, type){\n if ($support.canvas && $support.dataURL) {\n if (typeof canvas == \"string\") { canvas = document.getElementById(canvas); }\n if (type == undefined) { type = 'png'; }\n type = fixType(type);\n var strData;\n if (/bmp/.test(type)) {\n var data = getImageData(scaleCanvas(canvas, width, height));\n strData= genBitmapImage(data);\n } else {\n strData = getDataURL(canvas, type, width, height);\n }\n var base64;\n var dataArray = strData.split(\"base64,\");\n if(dataArray && dataArray.length > 1){\n base64 = dataArray[1];\n }\n return base64;\n }\n };\n\n var convertToImage = function (canvas, width, height, type) {\n if ($support.canvas && $support.dataURL) {\n if (typeof canvas == \"string\") { canvas = document.getElementById(canvas); }\n if (type == undefined) { type = 'png'; }\n type = fixType(type);\n\n if (/bmp/.test(type)) {\n var data = getImageData(scaleCanvas(canvas, width, height));\n var strData = genBitmapImage(data);\n return genImage(makeURI(strData, 'image/bmp'));\n } else {\n var strData = getDataURL(canvas, type, width, height);\n return genImage(strData);\n }\n }\n };\n\n\n\n return {\n getBase64Data:getBase64Data,\n saveAsImage: saveAsImage,\n saveAsPNG: function (canvas, width, height) {\n return saveAsImage(canvas, width, height, 'png');\n },\n saveAsJPEG: function (canvas, width, height) {\n return saveAsImage(canvas, width, height, 'jpeg');\n },\n saveAsGIF: function (canvas, width, height) {\n return saveAsImage(canvas, width, height, 'gif');\n },\n saveAsBMP: function (canvas, width, height) {\n return saveAsImage(canvas, width, height, 'bmp');\n },\n\n convertToImage: convertToImage,\n convertToPNG: function (canvas, width, height) {\n return convertToImage(canvas, width, height, 'png');\n },\n convertToJPEG: function (canvas, width, height) {\n return convertToImage(canvas, width, height, 'jpeg');\n },\n convertToGIF: function (canvas, width, height) {\n return convertToImage(canvas, width, height, 'gif');\n },\n convertToBMP: function (canvas, width, height) {\n return convertToImage(canvas, width, height, 'bmp');\n }\n };\n\n}();" }, { "path": "static/js/html2canvas.js", "content": "/*\n html2canvas 0.5.0-beta3 \n Copyright (c) 2016 Niklas von Hertzen\n\n Released under License\n */\n\n!function(e){if(\"object\"==typeof exports&&\"undefined\"!=typeof module)module.exports=e();else if(\"function\"==typeof define&&define.amd)define([],e);else{var f;\"undefined\"!=typeof window?f=window:\"undefined\"!=typeof global?f=global:\"undefined\"!=typeof self&&(f=self),f.html2canvas=e()}}(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require==\"function\"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error(\"Cannot find module '\"+o+\"'\");throw f.code=\"MODULE_NOT_FOUND\",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require==\"function\"&&require;for(var o=0;o= 0x80 (not a basic code point)',\n 'invalid-input': 'Invalid input'\n },\n\n /** Convenience shortcuts */\n baseMinusTMin = base - tMin,\n floor = Math.floor,\n stringFromCharCode = String.fromCharCode,\n\n /** Temporary variable */\n key;\n\n /*--------------------------------------------------------------------------*/\n\n /**\n * A generic error utility function.\n * @private\n * @param {String} type The error type.\n * @returns {Error} Throws a `RangeError` with the applicable error message.\n */\n function error(type) {\n throw RangeError(errors[type]);\n }\n\n /**\n * A generic `Array#map` utility function.\n * @private\n * @param {Array} array The array to iterate over.\n * @param {Function} callback The function that gets called for every array\n * item.\n * @returns {Array} A new array of values returned by the callback function.\n */\n function map(array, fn) {\n var length = array.length;\n while (length--) {\n array[length] = fn(array[length]);\n }\n return array;\n }\n\n /**\n * A simple `Array#map`-like wrapper to work with domain name strings.\n * @private\n * @param {String} domain The domain name.\n * @param {Function} callback The function that gets called for every\n * character.\n * @returns {Array} A new string of characters returned by the callback\n * function.\n */\n function mapDomain(string, fn) {\n return map(string.split(regexSeparators), fn).join('.');\n }\n\n /**\n * Creates an array containing the numeric code points of each Unicode\n * character in the string. While JavaScript uses UCS-2 internally,\n * this function will convert a pair of surrogate halves (each of which\n * UCS-2 exposes as separate characters) into a single code point,\n * matching UTF-16.\n * @see `punycode.ucs2.encode`\n * @see \n * @memberOf punycode.ucs2\n * @name decode\n * @param {String} string The Unicode input string (UCS-2).\n * @returns {Array} The new array of code points.\n */\n function ucs2decode(string) {\n var output = [],\n counter = 0,\n length = string.length,\n value,\n extra;\n while (counter < length) {\n value = string.charCodeAt(counter++);\n if (value >= 0xD800 && value <= 0xDBFF && counter < length) {\n // high surrogate, and there is a next character\n extra = string.charCodeAt(counter++);\n if ((extra & 0xFC00) == 0xDC00) { // low surrogate\n output.push(((value & 0x3FF) << 10) + (extra & 0x3FF) + 0x10000);\n } else {\n // unmatched surrogate; only append this code unit, in case the next\n // code unit is the high surrogate of a surrogate pair\n output.push(value);\n counter--;\n }\n } else {\n output.push(value);\n }\n }\n return output;\n }\n\n /**\n * Creates a string based on an array of numeric code points.\n * @see `punycode.ucs2.decode`\n * @memberOf punycode.ucs2\n * @name encode\n * @param {Array} codePoints The array of numeric code points.\n * @returns {String} The new Unicode string (UCS-2).\n */\n function ucs2encode(array) {\n return map(array, function(value) {\n var output = '';\n if (value > 0xFFFF) {\n value -= 0x10000;\n output += stringFromCharCode(value >>> 10 & 0x3FF | 0xD800);\n value = 0xDC00 | value & 0x3FF;\n }\n output += stringFromCharCode(value);\n return output;\n }).join('');\n }\n\n /**\n * Converts a basic code point into a digit/integer.\n * @see `digitToBasic()`\n * @private\n * @param {Number} codePoint The basic numeric code point value.\n * @returns {Number} The numeric value of a basic code point (for use in\n * representing integers) in the range `0` to `base - 1`, or `base` if\n * the code point does not represent a value.\n */\n function basicToDigit(codePoint) {\n if (codePoint - 48 < 10) {\n return codePoint - 22;\n }\n if (codePoint - 65 < 26) {\n return codePoint - 65;\n }\n if (codePoint - 97 < 26) {\n return codePoint - 97;\n }\n return base;\n }\n\n /**\n * Converts a digit/integer into a basic code point.\n * @see `basicToDigit()`\n * @private\n * @param {Number} digit The numeric value of a basic code point.\n * @returns {Number} The basic code point whose value (when used for\n * representing integers) is `digit`, which needs to be in the range\n * `0` to `base - 1`. If `flag` is non-zero, the uppercase form is\n * used; else, the lowercase form is used. The behavior is undefined\n * if `flag` is non-zero and `digit` has no uppercase form.\n */\n function digitToBasic(digit, flag) {\n // 0..25 map to ASCII a..z or A..Z\n // 26..35 map to ASCII 0..9\n return digit + 22 + 75 * (digit < 26) - ((flag != 0) << 5);\n }\n\n /**\n * Bias adaptation function as per section 3.4 of RFC 3492.\n * http://tools.ietf.org/html/rfc3492#section-3.4\n * @private\n */\n function adapt(delta, numPoints, firstTime) {\n var k = 0;\n delta = firstTime ? floor(delta / damp) : delta >> 1;\n delta += floor(delta / numPoints);\n for (/* no initialization */; delta > baseMinusTMin * tMax >> 1; k += base) {\n delta = floor(delta / baseMinusTMin);\n }\n return floor(k + (baseMinusTMin + 1) * delta / (delta + skew));\n }\n\n /**\n * Converts a Punycode string of ASCII-only symbols to a string of Unicode\n * symbols.\n * @memberOf punycode\n * @param {String} input The Punycode string of ASCII-only symbols.\n * @returns {String} The resulting string of Unicode symbols.\n */\n function decode(input) {\n // Don't use UCS-2\n var output = [],\n inputLength = input.length,\n out,\n i = 0,\n n = initialN,\n bias = initialBias,\n basic,\n j,\n index,\n oldi,\n w,\n k,\n digit,\n t,\n /** Cached calculation results */\n baseMinusT;\n\n // Handle the basic code points: let `basic` be the number of input code\n // points before the last delimiter, or `0` if there is none, then copy\n // the first basic code points to the output.\n\n basic = input.lastIndexOf(delimiter);\n if (basic < 0) {\n basic = 0;\n }\n\n for (j = 0; j < basic; ++j) {\n // if it's not a basic code point\n if (input.charCodeAt(j) >= 0x80) {\n error('not-basic');\n }\n output.push(input.charCodeAt(j));\n }\n\n // Main decoding loop: start just after the last delimiter if any basic code\n // points were copied; start at the beginning otherwise.\n\n for (index = basic > 0 ? basic + 1 : 0; index < inputLength; /* no final expression */) {\n\n // `index` is the index of the next character to be consumed.\n // Decode a generalized variable-length integer into `delta`,\n // which gets added to `i`. The overflow checking is easier\n // if we increase `i` as we go, then subtract off its starting\n // value at the end to obtain `delta`.\n for (oldi = i, w = 1, k = base; /* no condition */; k += base) {\n\n if (index >= inputLength) {\n error('invalid-input');\n }\n\n digit = basicToDigit(input.charCodeAt(index++));\n\n if (digit >= base || digit > floor((maxInt - i) / w)) {\n error('overflow');\n }\n\n i += digit * w;\n t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n\n if (digit < t) {\n break;\n }\n\n baseMinusT = base - t;\n if (w > floor(maxInt / baseMinusT)) {\n error('overflow');\n }\n\n w *= baseMinusT;\n\n }\n\n out = output.length + 1;\n bias = adapt(i - oldi, out, oldi == 0);\n\n // `i` was supposed to wrap around from `out` to `0`,\n // incrementing `n` each time, so we'll fix that now:\n if (floor(i / out) > maxInt - n) {\n error('overflow');\n }\n\n n += floor(i / out);\n i %= out;\n\n // Insert `n` at position `i` of the output\n output.splice(i++, 0, n);\n\n }\n\n return ucs2encode(output);\n }\n\n /**\n * Converts a string of Unicode symbols to a Punycode string of ASCII-only\n * symbols.\n * @memberOf punycode\n * @param {String} input The string of Unicode symbols.\n * @returns {String} The resulting Punycode string of ASCII-only symbols.\n */\n function encode(input) {\n var n,\n delta,\n handledCPCount,\n basicLength,\n bias,\n j,\n m,\n q,\n k,\n t,\n currentValue,\n output = [],\n /** `inputLength` will hold the number of code points in `input`. */\n inputLength,\n /** Cached calculation results */\n handledCPCountPlusOne,\n baseMinusT,\n qMinusT;\n\n // Convert the input in UCS-2 to Unicode\n input = ucs2decode(input);\n\n // Cache the length\n inputLength = input.length;\n\n // Initialize the state\n n = initialN;\n delta = 0;\n bias = initialBias;\n\n // Handle the basic code points\n for (j = 0; j < inputLength; ++j) {\n currentValue = input[j];\n if (currentValue < 0x80) {\n output.push(stringFromCharCode(currentValue));\n }\n }\n\n handledCPCount = basicLength = output.length;\n\n // `handledCPCount` is the number of code points that have been handled;\n // `basicLength` is the number of basic code points.\n\n // Finish the basic string - if it is not empty - with a delimiter\n if (basicLength) {\n output.push(delimiter);\n }\n\n // Main encoding loop:\n while (handledCPCount < inputLength) {\n\n // All non-basic code points < n have been handled already. Find the next\n // larger one:\n for (m = maxInt, j = 0; j < inputLength; ++j) {\n currentValue = input[j];\n if (currentValue >= n && currentValue < m) {\n m = currentValue;\n }\n }\n\n // Increase `delta` enough to advance the decoder's state to ,\n // but guard against overflow\n handledCPCountPlusOne = handledCPCount + 1;\n if (m - n > floor((maxInt - delta) / handledCPCountPlusOne)) {\n error('overflow');\n }\n\n delta += (m - n) * handledCPCountPlusOne;\n n = m;\n\n for (j = 0; j < inputLength; ++j) {\n currentValue = input[j];\n\n if (currentValue < n && ++delta > maxInt) {\n error('overflow');\n }\n\n if (currentValue == n) {\n // Represent delta as a generalized variable-length integer\n for (q = delta, k = base; /* no condition */; k += base) {\n t = k <= bias ? tMin : (k >= bias + tMax ? tMax : k - bias);\n if (q < t) {\n break;\n }\n qMinusT = q - t;\n baseMinusT = base - t;\n output.push(\n stringFromCharCode(digitToBasic(t + qMinusT % baseMinusT, 0))\n );\n q = floor(qMinusT / baseMinusT);\n }\n\n output.push(stringFromCharCode(digitToBasic(q, 0)));\n bias = adapt(delta, handledCPCountPlusOne, handledCPCount == basicLength);\n delta = 0;\n ++handledCPCount;\n }\n }\n\n ++delta;\n ++n;\n\n }\n return output.join('');\n }\n\n /**\n * Converts a Punycode string representing a domain name to Unicode. Only the\n * Punycoded parts of the domain name will be converted, i.e. it doesn't\n * matter if you call it on a string that has already been converted to\n * Unicode.\n * @memberOf punycode\n * @param {String} domain The Punycode domain name to convert to Unicode.\n * @returns {String} The Unicode representation of the given Punycode\n * string.\n */\n function toUnicode(domain) {\n return mapDomain(domain, function(string) {\n return regexPunycode.test(string)\n ? decode(string.slice(4).toLowerCase())\n : string;\n });\n }\n\n /**\n * Converts a Unicode string representing a domain name to Punycode. Only the\n * non-ASCII parts of the domain name will be converted, i.e. it doesn't\n * matter if you call it with a domain that's already in ASCII.\n * @memberOf punycode\n * @param {String} domain The domain name to convert, as a Unicode string.\n * @returns {String} The Punycode representation of the given domain name.\n */\n function toASCII(domain) {\n return mapDomain(domain, function(string) {\n return regexNonASCII.test(string)\n ? 'xn--' + encode(string)\n : string;\n });\n }\n\n /*--------------------------------------------------------------------------*/\n\n /** Define the public API */\n punycode = {\n /**\n * A string representing the current Punycode.js version number.\n * @memberOf punycode\n * @type String\n */\n 'version': '1.2.4',\n /**\n * An object of methods to convert from JavaScript's internal character\n * representation (UCS-2) to Unicode code points, and back.\n * @see \n * @memberOf punycode\n * @type Object\n */\n 'ucs2': {\n 'decode': ucs2decode,\n 'encode': ucs2encode\n },\n 'decode': decode,\n 'encode': encode,\n 'toASCII': toASCII,\n 'toUnicode': toUnicode\n };\n\n /** Expose `punycode` */\n // Some AMD build optimizers, like r.js, check for specific condition patterns\n // like the following:\n if (\n typeof define == 'function' &&\n typeof define.amd == 'object' &&\n define.amd\n ) {\n define('punycode', function() {\n return punycode;\n });\n } else if (freeExports && !freeExports.nodeType) {\n if (freeModule) { // in Node.js or RingoJS v0.8.0+\n freeModule.exports = punycode;\n } else { // in Narwhal or RingoJS v0.7.0-\n for (key in punycode) {\n punycode.hasOwnProperty(key) && (freeExports[key] = punycode[key]);\n }\n }\n } else { // in Rhino or a web browser\n root.punycode = punycode;\n }\n\n }(this));\n\n }).call(this,typeof global !== \"undefined\" ? global : typeof self !== \"undefined\" ? self : typeof window !== \"undefined\" ? window : {})\n},{}],2:[function(_dereq_,module,exports){\n var log = _dereq_('./log');\n\n function restoreOwnerScroll(ownerDocument, x, y) {\n if (ownerDocument.defaultView && (x !== ownerDocument.defaultView.pageXOffset || y !== ownerDocument.defaultView.pageYOffset)) {\n ownerDocument.defaultView.scrollTo(x, y);\n }\n }\n\n function cloneCanvasContents(canvas, clonedCanvas) {\n try {\n if (clonedCanvas) {\n clonedCanvas.width = canvas.width;\n clonedCanvas.height = canvas.height;\n clonedCanvas.getContext(\"2d\").putImageData(canvas.getContext(\"2d\").getImageData(0, 0, canvas.width, canvas.height), 0, 0);\n }\n } catch(e) {\n log(\"Unable to copy canvas content from\", canvas, e);\n }\n }\n\n function cloneNode(node, javascriptEnabled) {\n var clone = node.nodeType === 3 ? document.createTextNode(node.nodeValue) : node.cloneNode(false);\n\n var child = node.firstChild;\n while(child) {\n if (javascriptEnabled === true || child.nodeType !== 1 || child.nodeName !== 'SCRIPT') {\n clone.appendChild(cloneNode(child, javascriptEnabled));\n }\n child = child.nextSibling;\n }\n\n if (node.nodeType === 1) {\n clone._scrollTop = node.scrollTop;\n clone._scrollLeft = node.scrollLeft;\n if (node.nodeName === \"CANVAS\") {\n cloneCanvasContents(node, clone);\n } else if (node.nodeName === \"TEXTAREA\" || node.nodeName === \"SELECT\") {\n clone.value = node.value;\n }\n }\n\n return clone;\n }\n\n function initNode(node) {\n if (node.nodeType === 1) {\n node.scrollTop = node._scrollTop;\n node.scrollLeft = node._scrollLeft;\n\n var child = node.firstChild;\n while(child) {\n initNode(child);\n child = child.nextSibling;\n }\n }\n }\n\n module.exports = function(ownerDocument, containerDocument, width, height, options, x ,y) {\n var documentElement = cloneNode(ownerDocument.documentElement, options.javascriptEnabled);\n var container = containerDocument.createElement(\"iframe\");\n\n container.className = \"html2canvas-container\";\n container.style.visibility = \"hidden\";\n container.style.position = \"fixed\";\n container.style.left = \"-10000px\";\n container.style.top = \"0px\";\n container.style.border = \"0\";\n container.width = width;\n container.height = height;\n container.scrolling = \"no\"; // ios won't scroll without it\n containerDocument.body.appendChild(container);\n\n return new Promise(function(resolve) {\n var documentClone = container.contentWindow.document;\n\n /* Chrome doesn't detect relative background-images assigned in inline