手机、PC 头像上传剪裁压缩
在线浏览地址：http://preview.binlive.cn/Mavatar/
二维码浏览：
第一步：引入js
js地址：https://github.com/Hzy0913/Mavatar/blob/master/src/lib/mavatar.js
此地址下载js为压缩版本
或直接复制代码，这段代码本人因为需求的原因，对其进行了一定程度的修改，但并不影响正常使用；道友可放心使用。js代码在底部
第二步：html
第三步：js
点击剪裁图片
var avatar = new Mavatar({
el: '#avatar',
backgroundColor: '#fff',
fileOnchange: function (e) {
console.log(e)
}
});
function clip() {
avatar.imageClipper(function (data) {
alert('裁剪成功，生成的图片已覆盖在上传框内');
console.log(data);
// 将图片上传至后台
})
}
实例化时传入的配置参数option对象 avatar = new Mavatar(option)
| 参数 | 值 | 描述 |
|---|---|---|
| el | id(string)，无默认值 | 必传，dom的id |
| width | (string)默认200px | 不传则默认为生成200px宽的头像上传域 |
| height | (string)默认200px | 不传则默认为生成200px高的头像上传域 |
| backgroundColor | (string)默认为空 | 不传则裁剪时空的区域为透明 |
| hd | (boolean)默认为true | 默认为生成两倍大小图片，解决高清屏中图片生成不清晰 |
| fileOnchange | (function) | 图片本地上传到input后的回调方法 |
重置头像上传方法, 可以清空已上传的图片
function reset() {
avatar.resetImage();
}获取头像上传前的信息(大小，尺寸等)。
function getInfo() {
var fileInfo = avatar.getfileInfo();
console.log(fileInfo);
}获取base64(注意！使用时确保图片已完成裁剪，图片裁剪为异步方法)。
function getdata() {
var urldata = avatar.getDataUrl();
console.log(urldata);
}图片上传至服务器的内置ajax方法
avatar.upload({
url: '',
name: '',
data: '',
success: function (data) {
console.log(data)
},
error: function (error) {
console.log(error)
}
});| 参数 | 类型 | 描述 |
|---|---|---|
| url | string | 必传，上传的请求地址 |
| name | string | 必传，图片上传的请求name |
| data | object | 发送到服务器的其他数据，选填 |
| success | function | 上传成功的回调，选填 |
| error | function | 上传失败的回调，选填 |
PS：如果你想要修改样式，可以去引入的mavatar.js中找到相应的代码进行修改
mavatar.js代码如下：
/*
html2canvas 0.5.0-beta3
Copyright (c) 2016 Niklas von Hertzen
Released under License
*/
!function (e) {
if ("object" == typeof exports && "undefined" != typeof module) module.exports = e();
else if ("function" == typeof define && define.amd) define([], e);
else {
var n;
"undefined" != typeof window ? n = window : "undefined" != typeof global ? n = global : "undefined" != typeof self && (n = self), n.html2canvas = e()
}
}(function () {
var e;
return function n(e, f, o) {
function d(t, l) {
if (!f[t]) {
if (!e[t]) {
var s = "function" == typeof require && require;
if (!l && s) return s(t, !0);
if (i) return i(t, !0);
var u = new Error("Cannot find module '" + t + "'");
throw u.code = "MODULE_NOT_FOUND", u
}
var a = f[t] = {exports: {}};
e[t][0].call(a.exports, function (n) {
var f = e[t][1][n];
return d(f ? f : n)
}, a, a.exports, n, e, f, o)
}
return f[t].exports
}
for (var i = "function" == typeof require && require, t = 0; t < o.length; t++) d(o[t]);
return d
}({
1: [function (n, f, o) {
(function (n) {
!function (d) {
function i(e) {
throw RangeError(I[e])
}
function t(e, n) {
for (var f = e.length; f--;) e[f] = n(e[f]);
return e
}
function l(e, n) {
return t(e.split(H), n).join(".")
}
function s(e) {
for (var n, f, o = [], d = 0, i = e.length; i > d;) n = e.charCodeAt(d++), n >= 55296 && 56319 >= n && i > d ? (f = e.charCodeAt(d++), 56320 == (64512 & f) ? o.push(((1023 & n) << 10) + (1023 & f) + 65536) : (o.push(n), d--)) : o.push(n);
return o
}
function u(e) {
return t(e, function (e) {
var n = "";
return e > 65535 && (e -= 65536, n += L(e >>> 10 & 1023 | 55296), e = 56320 | 1023 & e), n += L(e)
}).join("")
}
function a(e) {
return 10 > e - 48 ? e - 22 : 26 > e - 65 ? e - 65 : 26 > e - 97 ? e - 97 : k
}
function p(e, n) {
return e + 22 + 75 * (26 > e) - ((0 != n) << 5)
}
function c(e, n, f) {
var o = 0;
for (e = f ? K(e / B) : e >> 1, e += K(e / n); e > J * z >> 1; o += k) e = K(e / J);
return K(o + (J + 1) * e / (e + A))
}
function y(e) {
var n, f, o, d, t, l, s, p, y, m, r = [],
v = e.length,
w = 0,
b = D,
g = C;
for (f = e.lastIndexOf(E), 0 > f && (f = 0), o = 0; f > o; ++o) e.charCodeAt(o) >= 128 && i("not-basic"), r.push(e.charCodeAt(o));
for (d = f > 0 ? f + 1 : 0; v > d;) {
for (t = w, l = 1, s = k; d >= v && i("invalid-input"), p = a(e.charCodeAt(d++)), (p >= k || p > K((j - w) / l)) && i("overflow"), w += p * l, y = g >= s ? q : s >= g + z ? z : s - g, !(y > p); s += k) m = k - y, l > K(j / m) && i("overflow"), l *= m;
n = r.length + 1, g = c(w - t, n, 0 == t), K(w / n) > j - b && i("overflow"), b += K(w / n), w %= n, r.splice(w++, 0, b)
}
return u(r)
}
function m(e) {
var n, f, o, d, t, l, u, a, y, m, r, v, w, b, g, h = [];
for (e = s(e), v = e.length, n = D, f = 0, t = C, l = 0; v > l; ++l) r = e[l], 128 > r && h.push(L(r));
for (o = d = h.length, d && h.push(E); v > o;) {
for (u = j, l = 0; v > l; ++l) r = e[l], r >= n && u > r && (u = r);
for (w = o + 1, u - n > K((j - f) / w) && i("overflow"), f += (u - n) * w, n = u, l = 0; v > l; ++l)
if (r = e[l], n > r && ++f > j && i("overflow"), r == n) {
for (a = f, y = k; m = t >= y ? q : y >= t + z ? z : y - t, !(m > a); y += k) g = a - m, b = k - m, h.push(L(p(m + g % b, 0))), a = K(g / b);
h.push(L(p(a, 0))), t = c(f, w, o == d), f = 0, ++o
}
++f, ++n
}
return h.join("")
}
function r(e) {
return l(e, function (e) {
return F.test(e) ? y(e.slice(4).toLowerCase()) : e
})
}
function v(e) {
return l(e, function (e) {
return G.test(e) ? "xn--" + m(e) : e
})
}
var w = "object" == typeof o && o,
b = "object" == typeof f && f && f.exports == w && f,
g = "object" == typeof n && n;
(g.global === g || g.window === g) && (d = g);
var h, x, j = 2147483647,
k = 36,
q = 1,
z = 26,
A = 38,
B = 700,
C = 72,
D = 128,
E = "-",
F = /^xn--/,
G = /[^ -~]/,
H = /\x2E|\u3002|\uFF0E|\uFF61/g,
I = {
overflow: "Overflow: input needs wider integers to process",
"not-basic": "Illegal input >= 0x80 (not a basic code point)",
"invalid-input": "Invalid input"
},
J = k - q,
K = Math.floor,
L = String.fromCharCode;
if (h = {
version: "1.2.4",
ucs2: {decode: s, encode: u},
decode: y,
encode: m,
toASCII: v,
toUnicode: r
}, "function" == typeof e && "object" == typeof e.amd && e.amd) e("punycode", function () {
return h
});
else if (w && !w.nodeType)
if (b) b.exports = h;
else
for (x in h) h.hasOwnProperty(x) && (w[x] = h[x]);
else d.punycode = h
}(this)
}).call(this, "undefined" != typeof global ? global : "undefined" != typeof self ? self : "undefined" != typeof window ? window : {})
}, {}],
2: [function (e, n) {
function f(e, n, f) {
!e.defaultView || n === e.defaultView.pageXOffset && f === e.defaultView.pageYOffset || e.defaultView.scrollTo(n, f)
}
function o(e, n) {
try {
n && (n.width = e.width, n.height = e.height, n.getContext("2d").putImageData(e.getContext("2d").getImageData(0, 0, e.width, e.height), 0, 0))
} catch (f) {
t("Unable to copy canvas content from", e, f)
}
}
function d(e, n) {
for (var f = 3 === e.nodeType ? document.createTextNode(e.nodeValue) : e.cloneNode(!1), i = e.firstChild; i;) (n === !0 || 1 !== i.nodeType || "SCRIPT" !== i.nodeName) && f.appendChild(d(i, n)), i = i.nextSibling;
return 1 === e.nodeType && (f._scrollTop = e.scrollTop, f._scrollLeft = e.scrollLeft, "CANVAS" === e.nodeName ? o(e, f) : ("TEXTAREA" === e.nodeName || "SELECT" === e.nodeName) && (f.value = e.value)), f
}
function i(e) {
if (1 === e.nodeType) {
e.scrollTop = e._scrollTop, e.scrollLeft = e._scrollLeft;
for (var n = e.firstChild; n;) i(n), n = n.nextSibling
}
}
var t = e("./log");
n.exports = function (e, n, o, t, l, s, u) {
var a = d(e.documentElement, l.javascriptEnabled),
p = n.createElement("iframe");
return p.className = "html2canvas-container", p.style.visibility = "hidden", p.style.position = "fixed", p.style.left = "-10000px", p.style.top = "0px", p.style.border = "0", p.width = o, p.height = t, p.scrolling = "no", n.body.appendChild(p), new Promise(function (n) {
var o = p.contentWindow.document;
p.contentWindow.onload = p.onload = function () {
var e = setInterval(function () {
o.body.childNodes.length > 0 && (i(o.documentElement), clearInterval(e), "view" === l.type && (p.contentWindow.scrollTo(s, u), !/(iPad|iPhone|iPod)/g.test(navigator.userAgent) || p.contentWindow.scrollY === u && p.contentWindow.scrollX === s || (o.documentElement.style.top = -u + "px", o.documentElement.style.left = -s + "px", o.documentElement.style.position = "absolute")), n(p))
}, 50)
}, o.open(), o.write(""), f(e, s, u), o.replaceChild(o.adoptNode(a), o.documentElement), o.close()
})
}
}, {"./log": 13}],
3: [function (e, n) {
function f(e) {
this.r = 0, this.g = 0, this.b = 0, this.a = null;
this.fromArray(e) || this.namedColor(e) || this.rgb(e) || this.rgba(e) || this.hex6(e) || this.hex3(e)
}
f.prototype.darken = function (e) {
var n = 1 - e;
return new f([Math.round(this.r * n), Math.round(this.g * n), Math.round(this.b * n), this.a])
}, f.prototype.isTransparent = function () {
return 0 === this.a
}, f.prototype.isBlack = function () {
return 0 === this.r && 0 === this.g && 0 === this.b
}, f.prototype.fromArray = function (e) {
return Array.isArray(e) && (this.r = Math.min(e[0], 255), this.g = Math.min(e[1], 255), this.b = Math.min(e[2], 255), e.length > 3 && (this.a = e[3])), Array.isArray(e)
};
var o = /^#([a-f0-9]{3})$/i;
f.prototype.hex3 = function (e) {
var n = null;
return null !== (n = e.match(o)) && (this.r = parseInt(n[1][0] + n[1][0], 16), this.g = parseInt(n[1][1] + n[1][1], 16), this.b = parseInt(n[1][2] + n[1][2], 16)), null !== n
};
var d = /^#([a-f0-9]{6})$/i;
f.prototype.hex6 = function (e) {
var n = null;
return null !== (n = e.match(d)) && (this.r = parseInt(n[1].substring(0, 2), 16), this.g = parseInt(n[1].substring(2, 4), 16), this.b = parseInt(n[1].substring(4, 6), 16)), null !== n
};
var i = /^rgb\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*\)$/;
f.prototype.rgb = function (e) {
var n = null;
return null !== (n = e.match(i)) && (this.r = Number(n[1]), this.g = Number(n[2]), this.b = Number(n[3])), null !== n
};
var t = /^rgba\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d?\.?\d+)\s*\)$/;
f.prototype.rgba = function (e) {
var n = null;
return null !== (n = e.match(t)) && (this.r = Number(n[1]), this.g = Number(n[2]), this.b = Number(n[3]), this.a = Number(n[4])), null !== n
}, f.prototype.toString = function () {
return null !== this.a && 1 !== this.a ? "rgba(" + [this.r, this.g, this.b, this.a].join(",") + ")" : "rgb(" + [this.r, this.g, this.b].join(",") + ")"
}, f.prototype.namedColor = function (e) {
e = e.toLowerCase();
var n = l[e];
if (n) this.r = n[0], this.g = n[1], this.b = n[2];
else if ("transparent" === e) return this.r = this.g = this.b = this.a = 0, !0;
return !!n
}, f.prototype.isColor = !0;
var l = {
aliceblue: [240, 248, 255],
antiquewhite: [250, 235, 215],
aqua: [0, 255, 255],
aquamarine: [127, 255, 212],
azure: [240, 255, 255],
beige: [245, 245, 220],
bisque: [255, 228, 196],
black: [0, 0, 0],
blanchedalmond: [255, 235, 205],
blue: [0, 0, 255],
blueviolet: [138, 43, 226],
brown: [165, 42, 42],
burlywood: [222, 184, 135],
cadetblue: [95, 158, 160],
chartreuse: [127, 255, 0],
chocolate: [210, 105, 30],
coral: [255, 127, 80],
cornflowerblue: [100, 149, 237],
cornsilk: [255, 248, 220],
crimson: [220, 20, 60],
cyan: [0, 255, 255],
darkblue: [0, 0, 139],
darkcyan: [0, 139, 139],
darkgoldenrod: [184, 134, 11],
darkgray: [169, 169, 169],
darkgreen: [0, 100, 0],
darkgrey: [169, 169, 169],
darkkhaki: [189, 183, 107],
darkmagenta: [139, 0, 139],
darkolivegreen: [85, 107, 47],
darkorange: [255, 140, 0],
darkorchid: [153, 50, 204],
darkred: [139, 0, 0],
darksalmon: [233, 150, 122],
darkseagreen: [143, 188, 143],
darkslateblue: [72, 61, 139],
darkslategray: [47, 79, 79],
darkslategrey: [47, 79, 79],
darkturquoise: [0, 206, 209],
darkviolet: [148, 0, 211],
deeppink: [255, 20, 147],
deepskyblue: [0, 191, 255],
dimgray: [105, 105, 105],
dimgrey: [105, 105, 105],
dodgerblue: [30, 144, 255],
firebrick: [178, 34, 34],
floralwhite: [255, 250, 240],
forestgreen: [34, 139, 34],
fuchsia: [255, 0, 255],
gainsboro: [220, 220, 220],
ghostwhite: [248, 248, 255],
gold: [255, 215, 0],
goldenrod: [218, 165, 32],
gray: [128, 128, 128],
green: [0, 128, 0],
greenyellow: [173, 255, 47],
grey: [128, 128, 128],
honeydew: [240, 255, 240],
hotpink: [255, 105, 180],
indianred: [205, 92, 92],
indigo: [75, 0, 130],
ivory: [255, 255, 240],
khaki: [240, 230, 140],
lavender: [230, 230, 250],
lavenderblush: [255, 240, 245],
lawngreen: [124, 252, 0],
lemonchiffon: [255, 250, 205],
lightblue: [173, 216, 230],
lightcoral: [240, 128, 128],
lightcyan: [224, 255, 255],
lightgoldenrodyellow: [250, 250, 210],
lightgray: [211, 211, 211],
lightgreen: [144, 238, 144],
lightgrey: [211, 211, 211],
lightpink: [255, 182, 193],
lightsalmon: [255, 160, 122],
lightseagreen: [32, 178, 170],
lightskyblue: [135, 206, 250],
lightslategray: [119, 136, 153],
lightslategrey: [119, 136, 153],
lightsteelblue: [176, 196, 222],
lightyellow: [255, 255, 224],
lime: [0, 255, 0],
limegreen: [50, 205, 50],
linen: [250, 240, 230],
magenta: [255, 0, 255],
maroon: [128, 0, 0],
mediumaquamarine: [102, 205, 170],
mediumblue: [0, 0, 205],
mediumorchid: [186, 85, 211],
mediumpurple: [147, 112, 219],
mediumseagreen: [60, 179, 113],
mediumslateblue: [123, 104, 238],
mediumspringgreen: [0, 250, 154],
mediumturquoise: [72, 209, 204],
mediumvioletred: [199, 21, 133],
midnightblue: [25, 25, 112],
mintcream: [245, 255, 250],
mistyrose: [255, 228, 225],
moccasin: [255, 228, 181],
navajowhite: [255, 222, 173],
navy: [0, 0, 128],
oldlace: [253, 245, 230],
olive: [128, 128, 0],
olivedrab: [107, 142, 35],
orange: [255, 165, 0],
orangered: [255, 69, 0],
orchid: [218, 112, 214],
palegoldenrod: [238, 232, 170],
palegreen: [152, 251, 152],
paleturquoise: [175, 238, 238],
palevioletred: [219, 112, 147],
papayawhip: [255, 239, 213],
peachpuff: [255, 218, 185],
peru: [205, 133, 63],
pink: [255, 192, 203],
plum: [221, 160, 221],
powderblue: [176, 224, 230],
purple: [128, 0, 128],
rebeccapurple: [102, 51, 153],
red: [255, 0, 0],
rosybrown: [188, 143, 143],
royalblue: [65, 105, 225],
saddlebrown: [139, 69, 19],
salmon: [250, 128, 114],
sandybrown: [244, 164, 96],
seagreen: [46, 139, 87],
seashell: [255, 245, 238],
sienna: [160, 82, 45],
silver: [192, 192, 192],
skyblue: [135, 206, 235],
slateblue: [106, 90, 205],
slategray: [112, 128, 144],
slategrey: [112, 128, 144],
snow: [255, 250, 250],
springgreen: [0, 255, 127],
steelblue: [70, 130, 180],
tan: [210, 180, 140],
teal: [0, 128, 128],
thistle: [216, 191, 216],
tomato: [255, 99, 71],
turquoise: [64, 224, 208],
violet: [238, 130, 238],
wheat: [245, 222, 179],
white: [255, 255, 255],
whitesmoke: [245, 245, 245],
yellow: [255, 255, 0],
yellowgreen: [154, 205, 50]
};
n.exports = f
}, {}],
4: [function (n, f) {
function o(e, n) {
var f = j++;
if (n = n || {}, n.logging && (v.options.logging = !0, v.options.start = Date.now()), n.async = "undefined" == typeof n.async ? !0 : n.async, n.allowTaint = "undefined" == typeof n.allowTaint ? !1 : n.allowTaint, n.removeContainer = "undefined" == typeof n.removeContainer ? !0 : n.removeContainer, n.javascriptEnabled = "undefined" == typeof n.javascriptEnabled ? !1 : n.javascriptEnabled, n.imageTimeout = "undefined" == typeof n.imageTimeout ? 1e4 : n.imageTimeout, n.renderer = "function" == typeof n.renderer ? n.renderer : c, n.strict = !!n.strict, "string" == typeof e) {
if ("string" != typeof n.proxy) return Promise.reject("Proxy must be used when rendering url");
var o = null != n.width ? n.width : window.innerWidth,
t = null != n.height ? n.height : window.innerHeight;
return g(a(e), n.proxy, document, o, t, n).then(function (e) {
return i(e.contentWindow.document.documentElement, e, n, o, t)
})
}
var l = (void 0 === e ? [document.documentElement] : e.length ? e : [e])[0];
return l.setAttribute(x + f, f), d(l.ownerDocument, n, l.ownerDocument.defaultView.innerWidth, l.ownerDocument.defaultView.innerHeight, f).then(function (e) {
return "function" == typeof n.onrendered && (v("options.onrendered is deprecated, html2canvas returns a Promise containing the canvas"), n.onrendered(e)), e
})
}
function d(e, n, f, o, d) {
return b(e, e, f, o, n, e.defaultView.pageXOffset, e.defaultView.pageYOffset).then(function (t) {
v("Document cloned");
var l = x + d,
s = "[" + l + "='" + d + "']";
e.querySelector(s).removeAttribute(l);
var u = t.contentWindow,
a = u.document.querySelector(s),
p = Promise.resolve("function" == typeof n.onclone ? n.onclone(u.document) : !0);
return p.then(function () {
return i(a, t, n, f, o)
})
})
}
function i(e, n, f, o, d) {
var i = n.contentWindow,
a = new p(i.document),
c = new y(f, a),
r = h(e),
w = "view" === f.type ? o : s(i.document),
b = "view" === f.type ? d : u(i.document),
g = new f.renderer(w, b, c, f, document),
x = new m(e, g, a, c, f);
return x.ready.then(function () {
v("Finished rendering");
var o;
return o = "view" === f.type ? l(g.canvas, {
width: g.canvas.width,
height: g.canvas.height,
top: 0,
left: 0,
x: 0,
y: 0
}) : e === i.document.body || e === i.document.documentElement || null != f.canvas ? g.canvas : l(g.canvas, {
width: null != f.width ? f.width : r.width,
height: null != f.height ? f.height : r.height,
top: r.top,
left: r.left,
x: 0,
y: 0
}), t(n, f), o
})
}
function t(e, n) {
n.removeContainer && (e.parentNode.removeChild(e), v("Cleaned up container"))
}
function l(e, n) {
var f = document.createElement("canvas"),
o = Math.min(e.width - 1, Math.max(0, n.left)),
d = Math.min(e.width, Math.max(1, n.left + n.width)),
i = Math.min(e.height - 1, Math.max(0, n.top)),
t = Math.min(e.height, Math.max(1, n.top + n.height));
f.width = n.width, f.height = n.height;
var l = d - o,
s = t - i;
return v("Cropping canvas at:", "left:", n.left, "top:", n.top, "width:", l, "height:", s), v("Resulting crop with width", n.width, "and height", n.height, "with x", o, "and y", i), f.getContext("2d").drawImage(e, o, i, l, s, n.x, n.y, l, s), f
}
function s(e) {
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 u(e) {
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 a(e) {
var n = document.createElement("a");
return n.href = e, n.href = n.href, n
}
var p = n("./support"),
c = n("./renderers/canvas"),
y = n("./imageloader"),
m = n("./nodeparser"),
r = n("./nodecontainer"),
v = n("./log"),
w = n("./utils"),
b = n("./clone"),
g = n("./proxy").loadUrlDocument,
h = w.getBounds,
x = "data-html2canvas-node",
j = 0;
o.CanvasRenderer = c, o.NodeContainer = r, o.log = v, o.utils = w;
var k = "undefined" == typeof document || "function" != typeof Object.create || "function" != typeof document.createElement("canvas").getContext ? function () {
return Promise.reject("No canvas support")
} : o;
f.exports = k, "function" == typeof e && e.amd && e("html2canvas", [], function () {
return k
})
}, {
"./clone": 2,
"./imageloader": 11,
"./log": 13,
"./nodecontainer": 14,
"./nodeparser": 15,
"./proxy": 16,
"./renderers/canvas": 20,
"./support": 22,
"./utils": 26
}],
5: [function (e, n) {
function f(e) {
if (this.src = e, o("DummyImageContainer for", e), !this.promise || !this.image) {
o("Initiating DummyImageContainer"), f.prototype.image = new Image;
var n = this.image;
f.prototype.promise = new Promise(function (e, f) {
n.onload = e, n.onerror = f, n.src = d(), n.complete === !0 && e(n)
})
}
}
var o = e("./log"),
d = e("./utils").smallImage;
n.exports = f
}, {"./log": 13, "./utils": 26}],
6: [function (e, n) {
function f(e, n) {
var f, d, i = document.createElement("div"),
t = document.createElement("img"),
l = document.createElement("span"),
s = "Hidden Text";
i.style.visibility = "hidden", i.style.fontFamily = e, i.style.fontSize = n, i.style.margin = 0, i.style.padding = 0, document.body.appendChild(i), t.src = o(), t.width = 1, t.height = 1, t.style.margin = 0, t.style.padding = 0, t.style.verticalAlign = "baseline", l.style.fontFamily = e, l.style.fontSize = n, l.style.margin = 0, l.style.padding = 0, l.appendChild(document.createTextNode(s)), i.appendChild(l), i.appendChild(t), f = t.offsetTop - l.offsetTop + 1, i.removeChild(l), i.appendChild(document.createTextNode(s)), i.style.lineHeight = "normal", t.style.verticalAlign = "super", d = t.offsetTop - i.offsetTop + 1, document.body.removeChild(i), this.baseline = f, this.lineWidth = 1, this.middle = d
}
var o = e("./utils").smallImage;
n.exports = f
}, {"./utils": 26}],
7: [function (e, n) {
function f() {
this.data = {}
}
var o = e("./font");
f.prototype.getMetrics = function (e, n) {
return void 0 === this.data[e + "-" + n] && (this.data[e + "-" + n] = new o(e, n)), this.data[e + "-" + n]
}, n.exports = f
}, {"./font": 6}],
8: [function (e, n) {
function f(n, f, o) {
this.image = null, this.src = n;
var i = this,
t = d(n);
this.promise = (f ? new Promise(function (e) {
"about:blank" === n.contentWindow.document.URL || null == n.contentWindow.document.documentElement ? n.contentWindow.onload = n.onload = function () {
e(n)
} : e(n)
}) : this.proxyLoad(o.proxy, t, o)).then(function (n) {
var f = e("./core");
return f(n.contentWindow.document.documentElement, {
type: "view",
width: n.width,
height: n.height,
proxy: o.proxy,
javascriptEnabled: o.javascriptEnabled,
removeContainer: o.removeContainer,
allowTaint: o.allowTaint,
imageTimeout: o.imageTimeout / 2
})
}).then(function (e) {
return i.image = e
})
}
var o = e("./utils"),
d = o.getBounds,
i = e("./proxy").loadUrlDocument;
f.prototype.proxyLoad = function (e, n, f) {
var o = this.src;
return i(o.src, e, o.ownerDocument, n.width, n.height, f)
}, n.exports = f
}, {"./core": 4, "./proxy": 16, "./utils": 26}],
9: [function (e, n) {
function f(e) {
this.src = e.value, this.colorStops = [], this.type = null, this.x0 = .5, this.y0 = .5, this.x1 = .5, this.y1 = .5, this.promise = Promise.resolve(!0)
}
f.TYPES = {
LINEAR: 1,
RADIAL: 2
}, f.REGEXP_COLORSTOP = /^\s*(rgba?\(\s*\d{1,3},\s*\d{1,3},\s*\d{1,3}(?:,\s*[0-9\.]+)?\s*\)|[a-z]{3,20}|#[a-f0-9]{3,6})(?:\s+(\d{1,3}(?:\.\d+)?)(%|px)?)?(?:\s|$)/i, n.exports = f
}, {}],
10: [function (e, n) {
function f(e, n) {
this.src = e, this.image = new Image;
var f = this;
this.tainted = null, this.promise = new Promise(function (o, d) {
f.image.onload = o, f.image.onerror = d, n && (f.image.crossOrigin = "anonymous"), f.image.src = e, f.image.complete === !0 && o(f.image)
})
}
n.exports = f
}, {}],
11: [function (e, n) {
function f(e, n) {
this.link = null, this.options = e, this.support = n, this.origin = this.getOrigin(window.location.href)
}
var o = e("./log"),
d = e("./imagecontainer"),
i = e("./dummyimagecontainer"),
t = e("./proxyimagecontainer"),
l = e("./framecontainer"),
s = e("./svgcontainer"),
u = e("./svgnodecontainer"),
a = e("./lineargradientcontainer"),
p = e("./webkitgradientcontainer"),
c = e("./utils").bind;
f.prototype.findImages = function (e) {
var n = [];
return e.reduce(function (e, n) {
switch (n.node.nodeName) {
case "IMG":
return e.concat([{args: [n.node.src], method: "url"}]);
case "svg":
case "IFRAME":
return e.concat([{args: [n.node], method: n.node.nodeName}])
}
return e
}, []).forEach(this.addImage(n, this.loadImage), this), n
}, f.prototype.findBackgroundImage = function (e, n) {
return n.parseBackgroundImages().filter(this.hasImageBackground).forEach(this.addImage(e, this.loadImage), this), e
}, f.prototype.addImage = function (e, n) {
return function (f) {
f.args.forEach(function (d) {
this.imageExists(e, d) || (e.splice(0, 0, n.call(this, f)), o("Added image #" + e.length, "string" == typeof d ? d.substring(0, 100) : d))
}, this)
}
}, f.prototype.hasImageBackground = function (e) {
return "none" !== e.method
}, f.prototype.loadImage = function (e) {
if ("url" === e.method) {
var n = e.args[0];
return !this.isSVG(n) || this.support.svg || this.options.allowTaint ? n.match(/data:image\/.*;base64,/i) ? new d(n.replace(/url\(['"]{0,}|['"]{0,}\)$/gi, ""), !1) : this.isSameOrigin(n) || this.options.allowTaint === !0 || this.isSVG(n) ? new d(n, !1) : this.support.cors && !this.options.allowTaint && this.options.useCORS ? new d(n, !0) : this.options.proxy ? new t(n, this.options.proxy) : new i(n) : new s(n)
}
return "linear-gradient" === e.method ? new a(e) : "gradient" === e.method ? new p(e) : "svg" === e.method ? new u(e.args[0], this.support.svg) : "IFRAME" === e.method ? new l(e.args[0], this.isSameOrigin(e.args[0].src), this.options) : new i(e)
}, f.prototype.isSVG = function (e) {
return "svg" === e.substring(e.length - 3).toLowerCase() || s.prototype.isInline(e)
}, f.prototype.imageExists = function (e, n) {
return e.some(function (e) {
return e.src === n
})
}, f.prototype.isSameOrigin = function (e) {
return this.getOrigin(e) === this.origin
}, f.prototype.getOrigin = function (e) {
var n = this.link || (this.link = document.createElement("a"));
return n.href = e, n.href = n.href, n.protocol + n.hostname + n.port
}, f.prototype.getPromise = function (e) {
return this.timeout(e, this.options.imageTimeout)["catch"](function () {
var n = new i(e.src);
return n.promise.then(function (n) {
e.image = n
})
})
}, f.prototype.get = function (e) {
var n = null;
return this.images.some(function (f) {
return (n = f).src === e
}) ? n : null
}, f.prototype.fetch = function (e) {
return this.images = e.reduce(c(this.findBackgroundImage, this), this.findImages(e)), this.images.forEach(function (e, n) {
e.promise.then(function () {
o("Succesfully loaded image #" + (n + 1), e)
}, function (f) {
o("Failed loading image #" + (n + 1), e, f)
})
}), this.ready = Promise.all(this.images.map(this.getPromise, this)), o("Finished searching images"), this
}, f.prototype.timeout = function (e, n) {
var f, d = Promise.race([e.promise, new Promise(function (d, i) {
f = setTimeout(function () {
o("Timed out loading image", e), i(e)
}, n)
})]).then(function (e) {
return clearTimeout(f), e
});
return d["catch"](function () {
clearTimeout(f)
}), d
}, n.exports = f
}, {
"./dummyimagecontainer": 5,
"./framecontainer": 8,
"./imagecontainer": 10,
"./lineargradientcontainer": 12,
"./log": 13,
"./proxyimagecontainer": 17,
"./svgcontainer": 23,
"./svgnodecontainer": 24,
"./utils": 26,
"./webkitgradientcontainer": 27
}],
12: [function (e, n) {
function f(e) {
o.apply(this, arguments), this.type = o.TYPES.LINEAR;
var n = f.REGEXP_DIRECTION.test(e.args[0]) || !o.REGEXP_COLORSTOP.test(e.args[0]);
n ? e.args[0].split(/\s+/).reverse().forEach(function (e, n) {
switch (e) {
case "left":
this.x0 = 0, this.x1 = 1;
break;
case "top":
this.y0 = 0, this.y1 = 1;
break;
case "right":
this.x0 = 1, this.x1 = 0;
break;
case "bottom":
this.y0 = 1, this.y1 = 0;
break;
case "to":
var f = this.y0,
o = this.x0;
this.y0 = this.y1, this.x0 = this.x1, this.x1 = o, this.y1 = f;
break;
case "center":
break;
default:
var d = .01 * parseFloat(e, 10);
if (isNaN(d)) break;
0 === n ? (this.y0 = d, this.y1 = 1 - this.y0) : (this.x0 = d, this.x1 = 1 - this.x0)
}
}, this) : (this.y0 = 0, this.y1 = 1), this.colorStops = e.args.slice(n ? 1 : 0).map(function (e) {
var n = e.match(o.REGEXP_COLORSTOP),
f = +n[2],
i = 0 === f ? "%" : n[3];
return {color: new d(n[1]), stop: "%" === i ? f / 100 : null}
}), null === this.colorStops[0].stop && (this.colorStops[0].stop = 0), null === this.colorStops[this.colorStops.length - 1].stop && (this.colorStops[this.colorStops.length - 1].stop = 1), this.colorStops.forEach(function (e, n) {
null === e.stop && this.colorStops.slice(n).some(function (f, o) {
return null !== f.stop ? (e.stop = (f.stop - this.colorStops[n - 1].stop) / (o + 1) + this.colorStops[n - 1].stop, !0) : !1
}, this)
}, this)
}
var o = e("./gradientcontainer"),
d = e("./color");
f.prototype = Object.create(o.prototype), f.REGEXP_DIRECTION = /^\s*(?:to|left|right|top|bottom|center|\d{1,3}(?:\.\d+)?%?)(?:\s|$)/i, n.exports = f
}, {"./color": 3, "./gradientcontainer": 9}],
13: [function (e, n) {
var f = function () {
f.options.logging && window.console && window.console.log && Function.prototype.bind.call(window.console.log, window.console).apply(window.console, [Date.now() - f.options.start + "ms", "html2canvas:"].concat([].slice.call(arguments, 0)))
};
f.options = {logging: !1}, n.exports = f
}, {}],
14: [function (e, n) {
function f(e, n) {
this.node = e, this.parent = n, this.stack = null, this.bounds = null, this.borders = null, this.clip = [], this.backgroundClip = [], this.offsetBounds = null, this.visible = null, this.computedStyles = null, this.colors = {}, this.styles = {}, this.backgroundImages = null, this.transformData = null, this.transformMatrix = null, this.isPseudoElement = !1, this.opacity = null
}
function o(e) {
var n = e.options[e.selectedIndex || 0];
return n ? n.text || "" : ""
}
function d(e) {
if (e && "matrix" === e[1]) return e[2].split(",").map(function (e) {
return parseFloat(e.trim())
});
if (e && "matrix3d" === e[1]) {
var n = e[2].split(",").map(function (e) {
return parseFloat(e.trim())
});
return [n[0], n[1], n[4], n[5], n[12], n[13]]
}
}
function i(e) {
return -1 !== e.toString().indexOf("%")
}
function t(e) {
return e.replace("px", "")
}
function l(e) {
return parseFloat(e)
}
var s = e("./color"),
u = e("./utils"),
a = u.getBounds,
p = u.parseBackgrounds,
c = u.offsetBounds;
f.prototype.cloneTo = function (e) {
e.visible = this.visible, e.borders = this.borders, e.bounds = this.bounds, e.clip = this.clip, e.backgroundClip = this.backgroundClip, e.computedStyles = this.computedStyles, e.styles = this.styles, e.backgroundImages = this.backgroundImages, e.opacity = this.opacity
}, f.prototype.getOpacity = function () {
return null === this.opacity ? this.opacity = this.cssFloat("opacity") : this.opacity
}, f.prototype.assignStack = function (e) {
this.stack = e, e.children.push(this)
}, f.prototype.isElementVisible = function () {
return this.node.nodeType === Node.TEXT_NODE ? this.parent.visible : "none" !== this.css("display") && "hidden" !== this.css("visibility") && !this.node.hasAttribute("data-html2canvas-ignore") && ("INPUT" !== this.node.nodeName || "hidden" !== this.node.getAttribute("type"))
}, f.prototype.css = function (e) {
return this.computedStyles || (this.computedStyles = this.isPseudoElement ? this.parent.computedStyle(this.before ? ":before" : ":after") : this.computedStyle(null)), this.styles[e] || (this.styles[e] = this.computedStyles[e])
}, f.prototype.prefixedCss = function (e) {
var n = ["webkit", "moz", "ms", "o"],
f = this.css(e);
return void 0 === f && n.some(function (n) {
return f = this.css(n + e.substr(0, 1).toUpperCase() + e.substr(1)), void 0 !== f
}, this), void 0 === f ? null : f
}, f.prototype.computedStyle = function (e) {
return this.node.ownerDocument.defaultView.getComputedStyle(this.node, e)
}, f.prototype.cssInt = function (e) {
var n = parseInt(this.css(e), 10);
return isNaN(n) ? 0 : n
}, f.prototype.color = function (e) {
return this.colors[e] || (this.colors[e] = new s(this.css(e)))
}, f.prototype.cssFloat = function (e) {
var n = parseFloat(this.css(e));
return isNaN(n) ? 0 : n
}, f.prototype.fontWeight = function () {
var e = this.css("fontWeight");
switch (parseInt(e, 10)) {
case 401:
e = "bold";
break;
case 400:
e = "normal"
}
return e
}, f.prototype.parseClip = function () {
var e = this.css("clip").match(this.CLIP);
return e ? {
top: parseInt(e[1], 10),
right: parseInt(e[2], 10),
bottom: parseInt(e[3], 10),
left: parseInt(e[4], 10)
} : null
}, f.prototype.parseBackgroundImages = function () {
return this.backgroundImages || (this.backgroundImages = p(this.css("backgroundImage")))
}, f.prototype.cssList = function (e, n) {
var f = (this.css(e) || "").split(",");
return f = f[n || 0] || f[0] || "auto", f = f.trim().split(" "), 1 === f.length && (f = [f[0], i(f[0]) ? "auto" : f[0]]), f
}, f.prototype.parseBackgroundSize = function (e, n, f) {
var o, d, t = this.cssList("backgroundSize", f);
if (i(t[0])) o = e.width * parseFloat(t[0]) / 100;
else {
if (/contain|cover/.test(t[0])) {
var l = e.width / e.height,
s = n.width / n.height;
return s > l ^ "contain" === t[0] ? {width: e.height * s, height: e.height} : {
width: e.width,
height: e.width / s
}
}
o = parseInt(t[0], 10)
}
return d = "auto" === t[0] && "auto" === t[1] ? n.height : "auto" === t[1] ? o / n.width * n.height : i(t[1]) ? e.height * parseFloat(t[1]) / 100 : parseInt(t[1], 10), "auto" === t[0] && (o = d / n.height * n.width), {
width: o,
height: d
}
}, f.prototype.parseBackgroundPosition = function (e, n, f, o) {
var d, t, l = this.cssList("backgroundPosition", f);
return d = i(l[0]) ? (e.width - (o || n).width) * (parseFloat(l[0]) / 100) : parseInt(l[0], 10), t = "auto" === l[1] ? d / n.width * n.height : i(l[1]) ? (e.height - (o || n).height) * parseFloat(l[1]) / 100 : parseInt(l[1], 10), "auto" === l[0] && (d = t / n.height * n.width), {
left: d,
top: t
}
}, f.prototype.parseBackgroundRepeat = function (e) {
return this.cssList("backgroundRepeat", e)[0]
}, f.prototype.parseTextShadows = function () {
var e = this.css("textShadow"),
n = [];
if (e && "none" !== e)
for (var f = e.match(this.TEXT_SHADOW_PROPERTY), o = 0; f && o < f.length; o++) {
var d = f[o].match(this.TEXT_SHADOW_VALUES);
n.push({
color: new s(d[0]),
offsetX: d[1] ? parseFloat(d[1].replace("px", "")) : 0,
offsetY: d[2] ? parseFloat(d[2].replace("px", "")) : 0,
blur: d[3] ? d[3].replace("px", "") : 0
})
}
return n
}, f.prototype.parseTransform = function () {
if (!this.transformData)
if (this.hasTransform()) {
var e = this.parseBounds(),
n = this.prefixedCss("transformOrigin").split(" ").map(t).map(l);
n[0] += e.left, n[1] += e.top, this.transformData = {
origin: n,
matrix: this.parseTransformMatrix()
}
} else this.transformData = {origin: [0, 0], matrix: [1, 0, 0, 1, 0, 0]};
return this.transformData
}, f.prototype.parseTransformMatrix = function () {
if (!this.transformMatrix) {
var e = this.prefixedCss("transform"),
n = e ? d(e.match(this.MATRIX_PROPERTY)) : null;
this.transformMatrix = n ? n : [1, 0, 0, 1, 0, 0]
}
return this.transformMatrix
}, f.prototype.parseBounds = function () {
return this.bounds || (this.bounds = this.hasTransform() ? c(this.node) : a(this.node))
}, f.prototype.hasTransform = function () {
return "1,0,0,1,0,0" !== this.parseTransformMatrix().join(",") || this.parent && this.parent.hasTransform()
}, f.prototype.getValue = function () {
var e = this.node.value || "";
return "SELECT" === this.node.tagName ? e = o(this.node) : "password" === this.node.type && (e = Array(e.length + 1).join("鈥�")), 0 === e.length ? this.node.placeholder || "" : e
}, f.prototype.MATRIX_PROPERTY = /(matrix|matrix3d)\((.+)\)/, f.prototype.TEXT_SHADOW_PROPERTY = /((rgba|rgb)\([^\)]+\)(\s-?\d+px){0,})/g, f.prototype.TEXT_SHADOW_VALUES = /(-?\d+px)|(#.+)|(rgb\(.+\))|(rgba\(.+\))/g, f.prototype.CLIP = /^rect\((\d+)px,? (\d+)px,? (\d+)px,? (\d+)px\)$/, n.exports = f
}, {"./color": 3, "./utils": 26}],
15: [function (e, n) {
function f(e, n, f, o, d) {
N("Starting NodeParser"), this.renderer = n, this.options = d, this.range = null, this.support = f, this.renderQueue = [], this.stack = new U(!0, 1, e.ownerDocument, null);
var i = new P(e, null);
if (d.background && n.rectangle(0, 0, n.width, n.height, new T(d.background)), e === e.ownerDocument.documentElement) {
var t = new P(i.color("backgroundColor").isTransparent() ? e.ownerDocument.body : e.ownerDocument.documentElement, null);
n.rectangle(0, 0, n.width, n.height, t.color("backgroundColor"))
}
i.visibile = i.isElementVisible(), this.createPseudoHideStyles(e.ownerDocument), this.disableAnimations(e.ownerDocument), this.nodes = I([i].concat(this.getChildren(i)).filter(function (e) {
return e.visible = e.isElementVisible()
}).map(this.getPseudoElements, this)), this.fontMetrics = new S, N("Fetched nodes, total:", this.nodes.length), N("Calculate overflow clips"), this.calculateOverflowClips(), N("Start fetching images"), this.images = o.fetch(this.nodes.filter(A)), this.ready = this.images.ready.then(W(function () {
return N("Images loaded, starting parsing"), N("Creating stacking contexts"), this.createStackingContexts(), N("Sorting stacking contexts"), this.sortStackingContexts(this.stack), this.parse(this.stack), N("Render queue created with " + this.renderQueue.length + " items"), new Promise(W(function (e) {
d.async ? "function" == typeof d.async ? d.async.call(this, this.renderQueue, e) : this.renderQueue.length > 0 ? (this.renderIndex = 0, this.asyncRenderer(this.renderQueue, e)) : e() : (this.renderQueue.forEach(this.paint, this), e())
}, this))
}, this))
}
function o(e) {
return e.parent && e.parent.clip.length
}
function d(e) {
return e.replace(/(\-[a-z])/g, function (e) {
return e.toUpperCase().replace("-", "")
})
}
function i() {
}
function t(e, n, f, o) {
return e.map(function (d, i) {
if (d.width > 0) {
var t = n.left,
l = n.top,
s = n.width,
u = n.height - e[2].width;
switch (i) {
case 0:
u = e[0].width, d.args = a({
c1: [t, l],
c2: [t + s, l],
c3: [t + s - e[1].width, l + u],
c4: [t + e[3].width, l + u]
}, o[0], o[1], f.topLeftOuter, f.topLeftInner, f.topRightOuter, f.topRightInner);
break;
case 1:
t = n.left + n.width - e[1].width, s = e[1].width, d.args = a({
c1: [t + s, l],
c2: [t + s, l + u + e[2].width],
c3: [t, l + u],
c4: [t, l + e[0].width]
}, o[1], o[2], f.topRightOuter, f.topRightInner, f.bottomRightOuter, f.bottomRightInner);
break;
case 2:
l = l + n.height - e[2].width, u = e[2].width, d.args = a({
c1: [t + s, l + u],
c2: [t, l + u],
c3: [t + e[3].width, l],
c4: [t + s - e[3].width, l]
}, o[2], o[3], f.bottomRightOuter, f.bottomRightInner, f.bottomLeftOuter, f.bottomLeftInner);
break;
case 3:
s = e[3].width, d.args = a({
c1: [t, l + u + e[2].width],
c2: [t, l],
c3: [t + s, l + e[0].width],
c4: [t + s, l + u]
}, o[3], o[0], f.bottomLeftOuter, f.bottomLeftInner, f.topLeftOuter, f.topLeftInner)
}
}
return d
})
}
function l(e, n, f, o) {
var d = 4 * ((Math.sqrt(2) - 1) / 3),
i = f * d,
t = o * d,
l = e + f,
s = n + o;
return {
topLeft: u({x: e, y: s}, {x: e, y: s - t}, {x: l - i, y: n}, {x: l, y: n}),
topRight: u({x: e, y: n}, {x: e + i, y: n}, {x: l, y: s - t}, {x: l, y: s}),
bottomRight: u({x: l, y: n}, {x: l, y: n + t}, {x: e + i, y: s}, {x: e, y: s}),
bottomLeft: u({x: l, y: s}, {x: l - i, y: s}, {x: e, y: n + t}, {x: e, y: n})
}
}
function s(e, n, f) {
var o = e.left,
d = e.top,
i = e.width,
t = e.height,
s = n[0][0] < i / 2 ? n[0][0] : i / 2,
u = n[0][1] < t / 2 ? n[0][1] : t / 2,
a = n[1][0] < i / 2 ? n[1][0] : i / 2,
p = n[1][1] < t / 2 ? n[1][1] : t / 2,
c = n[2][0] < i / 2 ? n[2][0] : i / 2,
y = n[2][1] < t / 2 ? n[2][1] : t / 2,
m = n[3][0] < i / 2 ? n[3][0] : i / 2,
r = n[3][1] < t / 2 ? n[3][1] : t / 2,
v = i - a,
w = t - y,
b = i - c,
g = t - r;
return {
topLeftOuter: l(o, d, s, u).topLeft.subdivide(.5),
topLeftInner: l(o + f[3].width, d + f[0].width, Math.max(0, s - f[3].width), Math.max(0, u - f[0].width)).topLeft.subdivide(.5),
topRightOuter: l(o + v, d, a, p).topRight.subdivide(.5),
topRightInner: l(o + Math.min(v, i + f[3].width), d + f[0].width, v > i + f[3].width ? 0 : a - f[3].width, p - f[0].width).topRight.subdivide(.5),
bottomRightOuter: l(o + b, d + w, c, y).bottomRight.subdivide(.5),
bottomRightInner: l(o + Math.min(b, i - f[3].width), d + Math.min(w, t + f[0].width), Math.max(0, c - f[1].width), y - f[2].width).bottomRight.subdivide(.5),
bottomLeftOuter: l(o, d + g, m, r).bottomLeft.subdivide(.5),
bottomLeftInner: l(o + f[3].width, d + g, Math.max(0, m - f[3].width), r - f[2].width).bottomLeft.subdivide(.5)
}
}
function u(e, n, f, o) {
var d = function (e, n, f) {
return {x: e.x + (n.x - e.x) * f, y: e.y + (n.y - e.y) * f}
};
return {
start: e, startControl: n, endControl: f, end: o, subdivide: function (i) {
var t = d(e, n, i),
l = d(n, f, i),
s = d(f, o, i),
a = d(t, l, i),
p = d(l, s, i),
c = d(a, p, i);
return [u(e, t, a, c), u(c, p, s, o)]
}, curveTo: function (e) {
e.push(["bezierCurve", n.x, n.y, f.x, f.y, o.x, o.y])
}, curveToReversed: function (o) {
o.push(["bezierCurve", f.x, f.y, n.x, n.y, e.x, e.y])
}
}
}
function a(e, n, f, o, d, i, t) {
var l = [];
return n[0] > 0 || n[1] > 0 ? (l.push(["line", o[1].start.x, o[1].start.y]), o[1].curveTo(l)) : l.push(["line", e.c1[0], e.c1[1]]), f[0] > 0 || f[1] > 0 ? (l.push(["line", i[0].start.x, i[0].start.y]), i[0].curveTo(l), l.push(["line", t[0].end.x, t[0].end.y]), t[0].curveToReversed(l)) : (l.push(["line", e.c2[0], e.c2[1]]), l.push(["line", e.c3[0], e.c3[1]])), n[0] > 0 || n[1] > 0 ? (l.push(["line", d[1].end.x, d[1].end.y]), d[1].curveToReversed(l)) : l.push(["line", e.c4[0], e.c4[1]]), l
}
function p(e, n, f, o, d, i, t) {
n[0] > 0 || n[1] > 0 ? (e.push(["line", o[0].start.x, o[0].start.y]), o[0].curveTo(e), o[1].curveTo(e)) : e.push(["line", i, t]), (f[0] > 0 || f[1] > 0) && e.push(["line", d[0].start.x, d[0].start.y])
}
function c(e) {
return e.cssInt("zIndex") < 0
}
function y(e) {
return e.cssInt("zIndex") > 0
}
function m(e) {
return 0 === e.cssInt("zIndex")
}
function r(e) {
return -1 !== ["inline", "inline-block", "inline-table"].indexOf(e.css("display"))
}
function v(e) {
return e instanceof U
}
function w(e) {
return e.node.data.trim().length > 0
}
function b(e) {
return /^(normal|none|0px)$/.test(e.parent.css("letterSpacing"))
}
function g(e) {
return ["TopLeft", "TopRight", "BottomRight", "BottomLeft"].map(function (n) {
var f = e.css("border" + n + "Radius"),
o = f.split(" ");
return o.length <= 1 && (o[1] = o[0]), o.map(F)
})
}
function h(e) {
return e.nodeType === Node.TEXT_NODE || e.nodeType === Node.ELEMENT_NODE
}
function x(e) {
var n = e.css("position"),
f = -1 !== ["absolute", "relative", "fixed"].indexOf(n) ? e.css("zIndex") : "auto";
return "auto" !== f
}
function j(e) {
return "static" !== e.css("position")
}
function k(e) {
return "none" !== e.css("float")
}
function q(e) {
return -1 !== ["inline-block", "inline-table"].indexOf(e.css("display"))
}
function z(e) {
var n = this;
return function () {
return !e.apply(n, arguments)
}
}
function A(e) {
return e.node.nodeType === Node.ELEMENT_NODE
}
function B(e) {
return e.isPseudoElement === !0
}
function C(e) {
return e.node.nodeType === Node.TEXT_NODE
}
function D(e) {
return function (n, f) {
return n.cssInt("zIndex") + e.indexOf(n) / e.length - (f.cssInt("zIndex") + e.indexOf(f) / e.length)
}
}
function E(e) {
return e.getOpacity() < 1
}
function F(e) {
return parseInt(e, 10)
}
function G(e) {
return e.width
}
function H(e) {
return e.node.nodeType !== Node.ELEMENT_NODE || -1 === ["SCRIPT", "HEAD", "TITLE", "OBJECT", "BR", "OPTION"].indexOf(e.node.nodeName)
}
function I(e) {
return [].concat.apply([], e)
}
function J(e) {
var n = e.substr(0, 1);
return n === e.substr(e.length - 1) && n.match(/'|"/) ? e.substr(1, e.length - 2) : e
}
function K(e) {
for (var n, f = [], o = 0, d = !1; e.length;) L(e[o]) === d ? (n = e.splice(0, o), n.length && f.push(O.ucs2.encode(n)), d = !d, o = 0) : o++, o >= e.length && (n = e.splice(0, o), n.length && f.push(O.ucs2.encode(n)));
return f
}
function L(e) {
return -1 !== [32, 13, 10, 9, 45].indexOf(e)
}
function M(e) {
return /[^\u0000-\u00ff]/.test(e)
}
var N = e("./log"),
O = e("punycode"),
P = e("./nodecontainer"),
Q = e("./textcontainer"),
R = e("./pseudoelementcontainer"),
S = e("./fontmetrics"),
T = e("./color"),
U = e("./stackingcontext"),
V = e("./utils"),
W = V.bind,
X = V.getBounds,
Y = V.parseBackgrounds,
Z = V.offsetBounds;
f.prototype.calculateOverflowClips = function () {
this.nodes.forEach(function (e) {
if (A(e)) {
B(e) && e.appendToDOM(), e.borders = this.parseBorders(e);
var n = "hidden" === e.css("overflow") ? [e.borders.clip] : [],
f = e.parseClip();
f && -1 !== ["absolute", "fixed"].indexOf(e.css("position")) && n.push([
["rect", e.bounds.left + f.left, e.bounds.top + f.top, f.right - f.left, f.bottom - f.top]
]), e.clip = o(e) ? e.parent.clip.concat(n) : n, e.backgroundClip = "hidden" !== e.css("overflow") ? e.clip.concat([e.borders.clip]) : e.clip, B(e) && e.cleanDOM()
} else C(e) && (e.clip = o(e) ? e.parent.clip : []);
B(e) || (e.bounds = null)
}, this)
}, f.prototype.asyncRenderer = function (e, n, f) {
f = f || Date.now(), this.paint(e[this.renderIndex++]), e.length === this.renderIndex ? n() : f + 20 > Date.now() ? this.asyncRenderer(e, n, f) : setTimeout(W(function () {
this.asyncRenderer(e, n)
}, this), 0)
}, f.prototype.createPseudoHideStyles = function (e) {
this.createStyles(e, "." + R.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + ':before { content: "" !important; display: none !important; }.' + R.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER + ':after { content: "" !important; display: none !important; }')
}, f.prototype.disableAnimations = function (e) {
this.createStyles(e, "* { -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; animation: none !important; -webkit-transition: none !important; -moz-transition: none !important; -o-transition: none !important; transition: none !important;}")
}, f.prototype.createStyles = function (e, n) {
var f = e.createElement("style");
f.innerHTML = n, e.body.appendChild(f)
}, f.prototype.getPseudoElements = function (e) {
var n = [
[e]
];
if (e.node.nodeType === Node.ELEMENT_NODE) {
var f = this.getPseudoElement(e, ":before"),
o = this.getPseudoElement(e, ":after");
f && n.push(f), o && n.push(o)
}
return I(n)
}, f.prototype.getPseudoElement = function (e, n) {
var f = e.computedStyle(n);
if (!f || !f.content || "none" === f.content || "-moz-alt-content" === f.content || "none" === f.display) return null;
for (var o = J(f.content), i = "url" === o.substr(0, 3), t = document.createElement(i ? "img" : "html2canvaspseudoelement"), l = new R(t, e, n), s = f.length - 1; s >= 0; s--) {
var u = d(f.item(s));
t.style[u] = f[u]
}
if (t.className = R.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE + " " + R.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER, i) return t.src = Y(o)[0].args[0], [l];
var a = document.createTextNode(o);
return t.appendChild(a), [l, new Q(a, l)]
}, f.prototype.getChildren = function (e) {
return I([].filter.call(e.node.childNodes, h).map(function (n) {
var f = [n.nodeType === Node.TEXT_NODE ? new Q(n, e) : new P(n, e)].filter(H);
return n.nodeType === Node.ELEMENT_NODE && f.length && "TEXTAREA" !== n.tagName ? f[0].isElementVisible() ? f.concat(this.getChildren(f[0])) : [] : f
}, this))
}, f.prototype.newStackingContext = function (e, n) {
var f = new U(n, e.getOpacity(), e.node, e.parent);
e.cloneTo(f);
var o = n ? f.getParentStack(this) : f.parent.stack;
o.contexts.push(f), e.stack = f
}, f.prototype.createStackingContexts = function () {
this.nodes.forEach(function (e) {
A(e) && (this.isRootElement(e) || E(e) || x(e) || this.isBodyWithTransparentRoot(e) || e.hasTransform()) ? this.newStackingContext(e, !0) : A(e) && (j(e) && m(e) || q(e) || k(e)) ? this.newStackingContext(e, !1) : e.assignStack(e.parent.stack)
}, this)
}, f.prototype.isBodyWithTransparentRoot = function (e) {
return "BODY" === e.node.nodeName && e.parent.color("backgroundColor").isTransparent()
}, f.prototype.isRootElement = function (e) {
return null === e.parent
}, f.prototype.sortStackingContexts = function (e) {
e.contexts.sort(D(e.contexts.slice(0))), e.contexts.forEach(this.sortStackingContexts, this)
}, f.prototype.parseTextBounds = function (e) {
return function (n, f, o) {
if ("none" !== e.parent.css("textDecoration").substr(0, 4) || 0 !== n.trim().length) {
if (this.support.rangeBounds && !e.parent.hasTransform()) {
var d = o.slice(0, f).join("").length;
return this.getRangeBounds(e.node, d, n.length)
}
if (e.node && "string" == typeof e.node.data) {
var i = e.node.splitText(n.length),
t = this.getWrapperBounds(e.node, e.parent.hasTransform());
return e.node = i, t
}
} else (!this.support.rangeBounds || e.parent.hasTransform()) && (e.node = e.node.splitText(n.length));
return {}
}
}, f.prototype.getWrapperBounds = function (e, n) {
var f = e.ownerDocument.createElement("html2canvaswrapper"),
o = e.parentNode,
d = e.cloneNode(!0);
f.appendChild(e.cloneNode(!0)), o.replaceChild(f, e);
var i = n ? Z(f) : X(f);
return o.replaceChild(d, f), i
}, f.prototype.getRangeBounds = function (e, n, f) {
var o = this.range || (this.range = e.ownerDocument.createRange());
return o.setStart(e, n), o.setEnd(e, n + f), o.getBoundingClientRect()
}, f.prototype.parse = function (e) {
var n = e.contexts.filter(c),
f = e.children.filter(A),
o = f.filter(z(k)),
d = o.filter(z(j)).filter(z(r)),
t = f.filter(z(j)).filter(k),
l = o.filter(z(j)).filter(r),
s = e.contexts.concat(o.filter(j)).filter(m),
u = e.children.filter(C).filter(w),
a = e.contexts.filter(y);
n.concat(d).concat(t).concat(l).concat(s).concat(u).concat(a).forEach(function (e) {
this.renderQueue.push(e), v(e) && (this.parse(e), this.renderQueue.push(new i))
}, this)
}, f.prototype.paint = function (e) {
try {
e instanceof i ? this.renderer.ctx.restore() : C(e) ? (B(e.parent) && e.parent.appendToDOM(), this.paintText(e), B(e.parent) && e.parent.cleanDOM()) : this.paintNode(e)
} catch (n) {
if (N(n), this.options.strict) throw n
}
}, f.prototype.paintNode = function (e) {
v(e) && (this.renderer.setOpacity(e.opacity), this.renderer.ctx.save(), e.hasTransform() && this.renderer.setTransform(e.parseTransform())), "INPUT" === e.node.nodeName && "checkbox" === e.node.type ? this.paintCheckbox(e) : "INPUT" === e.node.nodeName && "radio" === e.node.type ? this.paintRadio(e) : this.paintElement(e)
}, f.prototype.paintElement = function (e) {
var n = e.parseBounds();
this.renderer.clip(e.backgroundClip, function () {
this.renderer.renderBackground(e, n, e.borders.borders.map(G))
}, this), this.renderer.clip(e.clip, function () {
this.renderer.renderBorders(e.borders.borders)
}, this), this.renderer.clip(e.backgroundClip, function () {
switch (e.node.nodeName) {
case "svg":
case "IFRAME":
var f = this.images.get(e.node);
f ? this.renderer.renderImage(e, n, e.borders, f) : N("Error loading <" + e.node.nodeName + ">", e.node);
break;
case "IMG":
var o = this.images.get(e.node.src);
o ? this.renderer.renderImage(e, n, e.borders, o) : N("Error loading ![]()
", e.node.src);
break;
case "CANVAS":
this.renderer.renderImage(e, n, e.borders, {image: e.node});
break;
case "SELECT":
case "INPUT":
case "TEXTAREA":
this.paintFormValue(e)
}
}, this)
}, f.prototype.paintCheckbox = function (e) {
var n = e.parseBounds(),
f = Math.min(n.width, n.height),
o = {width: f - 1, height: f - 1, top: n.top, left: n.left},
d = [3, 3],
i = [d, d, d, d],
l = [1, 1, 1, 1].map(function (e) {
return {color: new T("#A5A5A5"), width: e}
}),
u = s(o, i, l);
this.renderer.clip(e.backgroundClip, function () {
this.renderer.rectangle(o.left + 1, o.top + 1, o.width - 2, o.height - 2, new T("#DEDEDE")), this.renderer.renderBorders(t(l, o, u, i)), e.node.checked && (this.renderer.font(new T("#424242"), "normal", "normal", "bold", f - 3 + "px", "arial"), this.renderer.text("鉁�", o.left + f / 6, o.top + f - 1))
}, this)
}, f.prototype.paintRadio = function (e) {
var n = e.parseBounds(),
f = Math.min(n.width, n.height) - 2;
this.renderer.clip(e.backgroundClip, function () {
this.renderer.circleStroke(n.left + 1, n.top + 1, f, new T("#DEDEDE"), 1, new T("#A5A5A5")), e.node.checked && this.renderer.circle(Math.ceil(n.left + f / 4) + 1, Math.ceil(n.top + f / 4) + 1, Math.floor(f / 2), new T("#424242"))
}, this)
}, f.prototype.paintFormValue = function (e) {
var n = e.getValue();
if (n.length > 0) {
var f = e.node.ownerDocument,
o = f.createElement("html2canvaswrapper"),
d = ["lineHeight", "textAlign", "fontFamily", "fontWeight", "fontSize", "color", "paddingLeft", "paddingTop", "paddingRight", "paddingBottom", "width", "height", "borderLeftStyle", "borderTopStyle", "borderLeftWidth", "borderTopWidth", "boxSizing", "whiteSpace", "wordWrap"];
d.forEach(function (n) {
try {
o.style[n] = e.css(n)
} catch (f) {
N("html2canvas: Parse: Exception caught in renderFormValue: " + f.message)
}
});
var i = e.parseBounds();
o.style.position = "fixed", o.style.left = i.left + "px", o.style.top = i.top + "px", o.textContent = n, f.body.appendChild(o), this.paintText(new Q(o.firstChild, e)), f.body.removeChild(o)
}
}, f.prototype.paintText = function (e) {
e.applyTextTransform();
var n = O.ucs2.decode(e.node.data),
f = this.options.letterRendering && !b(e) || M(e.node.data) ? n.map(function (e) {
return O.ucs2.encode([e])
}) : K(n),
o = e.parent.fontWeight(),
d = e.parent.css("fontSize"),
i = e.parent.css("fontFamily"),
t = e.parent.parseTextShadows();
this.renderer.font(e.parent.color("color"), e.parent.css("fontStyle"), e.parent.css("fontVariant"), o, d, i), t.length ? this.renderer.fontShadow(t[0].color, t[0].offsetX, t[0].offsetY, t[0].blur) : this.renderer.clearShadow(), this.renderer.clip(e.parent.clip, function () {
f.map(this.parseTextBounds(e), this).forEach(function (n, o) {
n && (this.renderer.text(f[o], n.left, n.bottom), this.renderTextDecoration(e.parent, n, this.fontMetrics.getMetrics(i, d)))
}, this)
}, this)
}, f.prototype.renderTextDecoration = function (e, n, f) {
switch (e.css("textDecoration").split(" ")[0]) {
case "underline":
this.renderer.rectangle(n.left, Math.round(n.top + f.baseline + f.lineWidth), n.width, 1, e.color("color"));
break;
case "overline":
this.renderer.rectangle(n.left, Math.round(n.top), n.width, 1, e.color("color"));
break;
case "line-through":
this.renderer.rectangle(n.left, Math.ceil(n.top + f.middle + f.lineWidth), n.width, 1, e.color("color"))
}
};
var $ = {
inset: [
["darken", .6],
["darken", .1],
["darken", .1],
["darken", .6]
]
};
f.prototype.parseBorders = function (e) {
var n = e.parseBounds(),
f = g(e),
o = ["Top", "Right", "Bottom", "Left"].map(function (n, f) {
var o = e.css("border" + n + "Style"),
d = e.color("border" + n + "Color");
"inset" === o && d.isBlack() && (d = new T([255, 255, 255, d.a]));
var i = $[o] ? $[o][f] : null;
return {width: e.cssInt("border" + n + "Width"), color: i ? d[i[0]](i[1]) : d, args: null}
}),
d = s(n, f, o);
return {clip: this.parseBackgroundClip(e, d, o, f, n), borders: t(o, n, d, f)}
}, f.prototype.parseBackgroundClip = function (e, n, f, o, d) {
var i = e.css("backgroundClip"),
t = [];
switch (i) {
case "content-box":
case "padding-box":
p(t, o[0], o[1], n.topLeftInner, n.topRightInner, d.left + f[3].width, d.top + f[0].width), p(t, o[1], o[2], n.topRightInner, n.bottomRightInner, d.left + d.width - f[1].width, d.top + f[0].width), p(t, o[2], o[3], n.bottomRightInner, n.bottomLeftInner, d.left + d.width - f[1].width, d.top + d.height - f[2].width), p(t, o[3], o[0], n.bottomLeftInner, n.topLeftInner, d.left + f[3].width, d.top + d.height - f[2].width);
break;
default:
p(t, o[0], o[1], n.topLeftOuter, n.topRightOuter, d.left, d.top), p(t, o[1], o[2], n.topRightOuter, n.bottomRightOuter, d.left + d.width, d.top), p(t, o[2], o[3], n.bottomRightOuter, n.bottomLeftOuter, d.left + d.width, d.top + d.height), p(t, o[3], o[0], n.bottomLeftOuter, n.topLeftOuter, d.left, d.top + d.height)
}
return t
}, n.exports = f
}, {
"./color": 3,
"./fontmetrics": 7,
"./log": 13,
"./nodecontainer": 14,
"./pseudoelementcontainer": 18,
"./stackingcontext": 21,
"./textcontainer": 25,
"./utils": 26,
punycode: 1
}],
16: [function (e, n, f) {
function o(e, n, f) {
var o = "withCredentials" in new XMLHttpRequest;
if (!n) return Promise.reject("No proxy configured");
var d = t(o),
s = l(n, e, d);
return o ? a(s) : i(f, s, d).then(function (e) {
return m(e.content)
})
}
function d(e, n, f) {
var o = "crossOrigin" in new Image,
d = t(o),
s = l(n, e, d);
return o ? Promise.resolve(s) : i(f, s, d).then(function (e) {
return "data:" + e.type + ";base64," + e.content
})
}
function i(e, n, f) {
return new Promise(function (o, d) {
var i = e.createElement("script"),
t = function () {
delete window.html2canvas.proxy[f], e.body.removeChild(i)
};
window.html2canvas.proxy[f] = function (e) {
t(), o(e)
}, i.src = n, i.onerror = function (e) {
t(), d(e)
}, e.body.appendChild(i)
})
}
function t(e) {
return e ? "" : "html2canvas_" + Date.now() + "_" + ++r + "_" + Math.round(1e5 * Math.random())
}
function l(e, n, f) {
return e + "?url=" + encodeURIComponent(n) + (f.length ? "&callback=html2canvas.proxy." + f : "")
}
function s(e) {
return function (n) {
var f, o = new DOMParser;
try {
f = o.parseFromString(n, "text/html")
} catch (d) {
c("DOMParser not supported, falling back to createHTMLDocument"), f = document.implementation.createHTMLDocument("");
try {
f.open(), f.write(n), f.close()
} catch (i) {
c("createHTMLDocument write not supported, falling back to document.body.innerHTML"), f.body.innerHTML = n
}
}
var t = f.querySelector("base");
if (!t || !t.href.host) {
var l = f.createElement("base");
l.href = e, f.head.insertBefore(l, f.head.firstChild)
}
return f
}
}
function u(e, n, f, d, i, t) {
return new o(e, n, window.document).then(s(e)).then(function (e) {
return y(e, f, d, i, t, 0, 0)
})
}
var a = e("./xhr"),
p = e("./utils"),
c = e("./log"),
y = e("./clone"),
m = p.decode64,
r = 0;
f.Proxy = o, f.ProxyURL = d, f.loadUrlDocument = u
}, {"./clone": 2, "./log": 13, "./utils": 26, "./xhr": 28}],
17: [function (e, n) {
function f(e, n) {
var f = document.createElement("a");
f.href = e, e = f.href, this.src = e, this.image = new Image;
var d = this;
this.promise = new Promise(function (f, i) {
d.image.crossOrigin = "Anonymous", d.image.onload = f, d.image.onerror = i, new o(e, n, document).then(function (e) {
d.image.src = e
})["catch"](i)
})
}
var o = e("./proxy").ProxyURL;
n.exports = f
}, {"./proxy": 16}],
18: [function (e, n) {
function f(e, n, f) {
o.call(this, e, n), this.isPseudoElement = !0, this.before = ":before" === f
}
var o = e("./nodecontainer");
f.prototype.cloneTo = function (e) {
f.prototype.cloneTo.call(this, e), e.isPseudoElement = !0, e.before = this.before
}, f.prototype = Object.create(o.prototype), f.prototype.appendToDOM = function () {
this.before ? this.parent.node.insertBefore(this.node, this.parent.node.firstChild) : this.parent.node.appendChild(this.node), this.parent.node.className += " " + this.getHideClass()
}, f.prototype.cleanDOM = function () {
this.node.parentNode.removeChild(this.node), this.parent.node.className = this.parent.node.className.replace(this.getHideClass(), "")
}, f.prototype.getHideClass = function () {
return this["PSEUDO_HIDE_ELEMENT_CLASS_" + (this.before ? "BEFORE" : "AFTER")]
}, f.prototype.PSEUDO_HIDE_ELEMENT_CLASS_BEFORE = "___html2canvas___pseudoelement_before", f.prototype.PSEUDO_HIDE_ELEMENT_CLASS_AFTER = "___html2canvas___pseudoelement_after", n.exports = f
}, {"./nodecontainer": 14}],
19: [function (e, n) {
function f(e, n, f, o, d) {
this.width = e, this.height = n, this.images = f, this.options = o, this.document = d
}
var o = e("./log");
f.prototype.renderImage = function (e, n, f, o) {
var d = e.cssInt("paddingLeft"),
i = e.cssInt("paddingTop"),
t = e.cssInt("paddingRight"),
l = e.cssInt("paddingBottom"),
s = f.borders,
u = n.width - (s[1].width + s[3].width + d + t),
a = n.height - (s[0].width + s[2].width + i + l);
this.drawImage(o, 0, 0, o.image.width || u, o.image.height || a, n.left + d + s[3].width, n.top + i + s[0].width, u, a)
}, f.prototype.renderBackground = function (e, n, f) {
n.height > 0 && n.width > 0 && (this.renderBackgroundColor(e, n), this.renderBackgroundImage(e, n, f))
}, f.prototype.renderBackgroundColor = function (e, n) {
var f = e.color("backgroundColor");
f.isTransparent() || this.rectangle(n.left, n.top, n.width, n.height, f)
}, f.prototype.renderBorders = function (e) {
e.forEach(this.renderBorder, this)
}, f.prototype.renderBorder = function (e) {
e.color.isTransparent() || null === e.args || this.drawShape(e.args, e.color)
}, f.prototype.renderBackgroundImage = function (e, n, f) {
var d = e.parseBackgroundImages();
d.reverse().forEach(function (d, i, t) {
switch (d.method) {
case "url":
var l = this.images.get(d.args[0]);
l ? this.renderBackgroundRepeating(e, n, l, t.length - (i + 1), f) : o("Error loading background-image", d.args[0]);
break;
case "linear-gradient":
case "gradient":
var s = this.images.get(d.value);
s ? this.renderBackgroundGradient(s, n, f) : o("Error loading background-image", d.args[0]);
break;
case "none":
break;
default:
o("Unknown background-image type", d.args[0])
}
}, this)
}, f.prototype.renderBackgroundRepeating = function (e, n, f, o, d) {
var i = e.parseBackgroundSize(n, f.image, o),
t = e.parseBackgroundPosition(n, f.image, o, i),
l = e.parseBackgroundRepeat(o);
switch (l) {
case "repeat-x":
case "repeat no-repeat":
this.backgroundRepeatShape(f, t, i, n, n.left + d[3], n.top + t.top + d[0], 99999, i.height, d);
break;
case "repeat-y":
case "no-repeat repeat":
this.backgroundRepeatShape(f, t, i, n, n.left + t.left + d[3], n.top + d[0], i.width, 99999, d);
break;
case "no-repeat":
this.backgroundRepeatShape(f, t, i, n, n.left + t.left + d[3], n.top + t.top + d[0], i.width, i.height, d);
break;
default:
this.renderBackgroundRepeat(f, t, i, {top: n.top, left: n.left}, d[3], d[0])
}
}, n.exports = f
}, {"./log": 13}],
20: [function (e, n) {
function f(e, n) {
d.apply(this, arguments), this.canvas = this.options.canvas || this.document.createElement("canvas"), this.options.canvas || (this.canvas.width = e, this.canvas.height = n), this.ctx = this.canvas.getContext("2d"), this.taintCtx = this.document.createElement("canvas").getContext("2d"), this.ctx.textBaseline = "bottom", this.variables = {}, t("Initialized CanvasRenderer with size", e, "x", n)
}
function o(e) {
return e.length > 0
}
var d = e("../renderer"),
i = e("../lineargradientcontainer"),
t = e("../log");
f.prototype = Object.create(d.prototype), f.prototype.setFillStyle = function (e) {
return this.ctx.fillStyle = "object" == typeof e && e.isColor ? e.toString() : e, this.ctx
}, f.prototype.rectangle = function (e, n, f, o, d) {
this.setFillStyle(d).fillRect(e, n, f, o)
}, f.prototype.circle = function (e, n, f, o) {
this.setFillStyle(o), this.ctx.beginPath(), this.ctx.arc(e + f / 2, n + f / 2, f / 2, 0, 2 * Math.PI, !0), this.ctx.closePath(), this.ctx.fill()
}, f.prototype.circleStroke = function (e, n, f, o, d, i) {
this.circle(e, n, f, o), this.ctx.strokeStyle = i.toString(), this.ctx.stroke()
}, f.prototype.drawShape = function (e, n) {
this.shape(e), this.setFillStyle(n).fill()
}, f.prototype.taints = function (e) {
if (null === e.tainted) {
this.taintCtx.drawImage(e.image, 0, 0);
try {
this.taintCtx.getImageData(0, 0, 1, 1), e.tainted = !1
} catch (n) {
this.taintCtx = document.createElement("canvas").getContext("2d"), e.tainted = !0
}
}
return e.tainted
}, f.prototype.drawImage = function (e, n, f, o, d, i, t, l, s) {
(!this.taints(e) || this.options.allowTaint) && this.ctx.drawImage(e.image, n, f, o, d, i, t, l, s)
}, f.prototype.clip = function (e, n, f) {
this.ctx.save(), e.filter(o).forEach(function (e) {
this.shape(e).clip()
}, this), n.call(f), this.ctx.restore()
}, f.prototype.shape = function (e) {
return this.ctx.beginPath(), e.forEach(function (e, n) {
"rect" === e[0] ? this.ctx.rect.apply(this.ctx, e.slice(1)) : this.ctx[0 === n ? "moveTo" : e[0] + "To"].apply(this.ctx, e.slice(1))
}, this), this.ctx.closePath(), this.ctx
}, f.prototype.font = function (e, n, f, o, d, i) {
this.setFillStyle(e).font = [n, f, o, d, i].join(" ").split(",")[0]
}, f.prototype.fontShadow = function (e, n, f, o) {
this.setVariable("shadowColor", e.toString()).setVariable("shadowOffsetY", n).setVariable("shadowOffsetX", f).setVariable("shadowBlur", o)
}, f.prototype.clearShadow = function () {
this.setVariable("shadowColor", "rgba(0,0,0,0)")
}, f.prototype.setOpacity = function (e) {
this.ctx.globalAlpha = e
}, f.prototype.setTransform = function (e) {
this.ctx.translate(e.origin[0], e.origin[1]), this.ctx.transform.apply(this.ctx, e.matrix), this.ctx.translate(-e.origin[0], -e.origin[1])
}, f.prototype.setVariable = function (e, n) {
return this.variables[e] !== n && (this.variables[e] = this.ctx[e] = n), this
}, f.prototype.text = function (e, n, f) {
this.ctx.fillText(e, n, f)
}, f.prototype.backgroundRepeatShape = function (e, n, f, o, d, i, t, l, s) {
var u = [
["line", Math.round(d), Math.round(i)],
["line", Math.round(d + t), Math.round(i)],
["line", Math.round(d + t), Math.round(l + i)],
["line", Math.round(d), Math.round(l + i)]
];
this.clip([u], function () {
this.renderBackgroundRepeat(e, n, f, o, s[3], s[0])
}, this)
}, f.prototype.renderBackgroundRepeat = function (e, n, f, o, d, i) {
var t = Math.round(o.left + n.left + d),
l = Math.round(o.top + n.top + i);
this.setFillStyle(this.ctx.createPattern(this.resizeImage(e, f), "repeat")), this.ctx.translate(t, l), this.ctx.fill(), this.ctx.translate(-t, -l)
}, f.prototype.renderBackgroundGradient = function (e, n) {
if (e instanceof i) {
var f = this.ctx.createLinearGradient(n.left + n.width * e.x0, n.top + n.height * e.y0, n.left + n.width * e.x1, n.top + n.height * e.y1);
e.colorStops.forEach(function (e) {
f.addColorStop(e.stop, e.color.toString())
}), this.rectangle(n.left, n.top, n.width, n.height, f)
}
}, f.prototype.resizeImage = function (e, n) {
var f = e.image;
if (f.width === n.width && f.height === n.height) return f;
var o, d = document.createElement("canvas");
return d.width = n.width, d.height = n.height, o = d.getContext("2d"), o.drawImage(f, 0, 0, f.width, f.height, 0, 0, n.width, n.height), d
}, n.exports = f
}, {"../lineargradientcontainer": 12, "../log": 13, "../renderer": 19}],
21: [function (e, n) {
function f(e, n, f, d) {
o.call(this, f, d), this.ownStacking = e, this.contexts = [], this.children = [], this.opacity = (this.parent ? this.parent.stack.opacity : 1) * n
}
var o = e("./nodecontainer");
f.prototype = Object.create(o.prototype), f.prototype.getParentStack = function (e) {
var n = this.parent ? this.parent.stack : null;
return n ? n.ownStacking ? n : n.getParentStack(e) : e.stack
}, n.exports = f
}, {"./nodecontainer": 14}],
22: [function (e, n) {
function f(e) {
this.rangeBounds = this.testRangeBounds(e), this.cors = this.testCORS(), this.svg = this.testSVG()
}
f.prototype.testRangeBounds = function (e) {
var n, f, o, d, i = !1;
return e.createRange && (n = e.createRange(), n.getBoundingClientRect && (f = e.createElement("boundtest"), f.style.height = "123px", f.style.display = "block", e.body.appendChild(f), n.selectNode(f), o = n.getBoundingClientRect(), d = o.height, 123 === d && (i = !0), e.body.removeChild(f))), i
}, f.prototype.testCORS = function () {
return "undefined" != typeof (new Image).crossOrigin
}, f.prototype.testSVG = function () {
var e = new Image,
n = document.createElement("canvas"),
f = n.getContext("2d");
e.src = "data:image/svg+xml,";
try {
f.drawImage(e, 0, 0), n.toDataURL()
} catch (o) {
return !1
}
return !0
}, n.exports = f
}, {}],
23: [function (e, n) {
function f(e) {
this.src = e, this.image = null;
var n = this;
this.promise = this.hasFabric().then(function () {
return n.isInline(e) ? Promise.resolve(n.inlineFormatting(e)) : o(e)
}).then(function (e) {
return new Promise(function (f) {
window.html2canvas.svg.fabric.loadSVGFromString(e, n.createCanvas.call(n, f))
})
})
}
var o = e("./xhr"),
d = e("./utils").decode64;
f.prototype.hasFabric = function () {
return window.html2canvas.svg && window.html2canvas.svg.fabric ? Promise.resolve() : Promise.reject(new Error("html2canvas.svg.js is not loaded, cannot render svg"))
}, f.prototype.inlineFormatting = function (e) {
return /^data:image\/svg\+xml;base64,/.test(e) ? this.decode64(this.removeContentType(e)) : this.removeContentType(e)
}, f.prototype.removeContentType = function (e) {
return e.replace(/^data:image\/svg\+xml(;base64)?,/, "")
}, f.prototype.isInline = function (e) {
return /^data:image\/svg\+xml/i.test(e)
}, f.prototype.createCanvas = function (e) {
var n = this;
return function (f, o) {
var d = new window.html2canvas.svg.fabric.StaticCanvas("c");
n.image = d.lowerCanvasEl, d.setWidth(o.width).setHeight(o.height).add(window.html2canvas.svg.fabric.util.groupSVGElements(f, o)).renderAll(), e(d.lowerCanvasEl)
}
}, f.prototype.decode64 = function (e) {
return "function" == typeof window.atob ? window.atob(e) : d(e)
}, n.exports = f
}, {"./utils": 26, "./xhr": 28}],
24: [function (e, n) {
function f(e, n) {
this.src = e, this.image = null;
var f = this;
this.promise = n ? new Promise(function (n, o) {
f.image = new Image, f.image.onload = n, f.image.onerror = o, f.image.src = "data:image/svg+xml," + (new XMLSerializer).serializeToString(e), f.image.complete === !0 && n(f.image)
}) : this.hasFabric().then(function () {
return new Promise(function (n) {
window.html2canvas.svg.fabric.parseSVGDocument(e, f.createCanvas.call(f, n))
})
})
}
var o = e("./svgcontainer");
f.prototype = Object.create(o.prototype), n.exports = f
}, {"./svgcontainer": 23}],
25: [function (e, n) {
function f(e, n) {
d.call(this, e, n)
}
function o(e, n, f) {
return e.length > 0 ? n + f.toUpperCase() : void 0
}
var d = e("./nodecontainer");
f.prototype = Object.create(d.prototype), f.prototype.applyTextTransform = function () {
this.node.data = this.transform(this.parent.css("textTransform"))
}, f.prototype.transform = function (e) {
var n = this.node.data;
switch (e) {
case "lowercase":
return n.toLowerCase();
case "capitalize":
return n.replace(/(^|\s|:|-|\(|\))([a-z])/g, o);
case "uppercase":
return n.toUpperCase();
default:
return n
}
}, n.exports = f
}, {"./nodecontainer": 14}],
26: [function (e, n, f) {
f.smallImage = function () {
return "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"
}, f.bind = function (e, n) {
return function () {
return e.apply(n, arguments)
}
}, f.decode64 = function (e) {
var n, f, o, d, i, t, l, s, u = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",
a = e.length,
p = "";
for (n = 0; a > n; n += 4) f = u.indexOf(e[n]), o = u.indexOf(e[n + 1]), d = u.indexOf(e[n + 2]), i = u.indexOf(e[n + 3]), t = f << 2 | o >> 4, l = (15 & o) << 4 | d >> 2, s = (3 & d) << 6 | i, p += 64 === d ? String.fromCharCode(t) : 64 === i || -1 === i ? String.fromCharCode(t, l) : String.fromCharCode(t, l, s);
return p
}, f.getBounds = function (e) {
if (e.getBoundingClientRect) {
var n = e.getBoundingClientRect(),
f = null == e.offsetWidth ? n.width : e.offsetWidth;
return {
top: n.top,
bottom: n.bottom || n.top + n.height,
right: n.left + f,
left: n.left,
width: f,
height: null == e.offsetHeight ? n.height : e.offsetHeight
}
}
return {}
}, f.offsetBounds = function (e) {
var n = e.offsetParent ? f.offsetBounds(e.offsetParent) : {top: 0, left: 0};
return {
top: e.offsetTop + n.top,
bottom: e.offsetTop + e.offsetHeight + n.top,
right: e.offsetLeft + n.left + e.offsetWidth,
left: e.offsetLeft + n.left,
width: e.offsetWidth,
height: e.offsetHeight
}
}, f.parseBackgrounds = function (e) {
var n, f, o, d, i, t, l, s = " \r\n ",
u = [],
a = 0,
p = 0,
c = function () {
n && ('"' === f.substr(0, 1) && (f = f.substr(1, f.length - 2)), f && l.push(f), "-" === n.substr(0, 1) && (d = n.indexOf("-", 1) + 1) > 0 && (o = n.substr(0, d), n = n.substr(d)), u.push({
prefix: o,
method: n.toLowerCase(),
value: i,
args: l,
image: null
})), l = [], n = o = f = i = ""
};
return l = [], n = o = f = i = "", e.split("").forEach(function (e) {
if (!(0 === a && s.indexOf(e) > -1)) {
switch (e) {
case '"':
t ? t === e && (t = null) : t = e;
break;
case "(":
if (t) break;
if (0 === a) return a = 1, void (i += e);
p++;
break;
case ")":
if (t) break;
if (1 === a) {
if (0 === p) return a = 0, i += e, void c();
p--
}
break;
case ",":
if (t) break;
if (0 === a) return void c();
if (1 === a && 0 === p && !n.match(/^url$/i)) return l.push(f), f = "", void (i += e)
}
i += e, 0 === a ? n += e : f += e
}
}), c(), u
}
}, {}],
27: [function (e, n) {
function f(e) {
o.apply(this, arguments), this.type = "linear" === e.args[0] ? o.TYPES.LINEAR : o.TYPES.RADIAL
}
var o = e("./gradientcontainer");
f.prototype = Object.create(o.prototype), n.exports = f
}, {"./gradientcontainer": 9}],
28: [function (e, n) {
function f(e) {
return new Promise(function (n, f) {
var o = new XMLHttpRequest;
o.open("GET", e), o.onload = function () {
200 === o.status ? n(o.responseText) : f(new Error(o.statusText))
}, o.onerror = function () {
f(new Error("Network Error"))
}, o.send()
})
}
n.exports = f
}, {}]
}, {}, [4])(4)
});
/*! Hammer.JS - v2.0.7 - 2016-04-22
* http://hammerjs.github.io/
*
* Copyright (c) 2016 Jorik Tangelder;
* Licensed under the MIT license */
!function (a, b, c, d) {
"use strict";
function e(a, b, c) {
return setTimeout(j(a, c), b)
}
function f(a, b, c) {
return Array.isArray(a) ? (g(a, c[b], c), !0) : !1
}
function g(a, b, c) {
var e;
if (a)
if (a.forEach) a.forEach(b, c);
else if (a.length !== d)
for (e = 0; e < a.length;) b.call(c, a[e], e, a), e++;
else
for (e in a) a.hasOwnProperty(e) && b.call(c, a[e], e, a)
}
function h(b, c, d) {
var e = "DEPRECATED METHOD: " + c + "\n" + d + " AT \n";
return function () {
var c = new Error("get-stack-trace"),
d = c && c.stack ? c.stack.replace(/^[^\(]+?[\n$]/gm, "").replace(/^\s+at\s+/gm, "").replace(/^Object.\s*\(/gm, "{anonymous}()@") : "Unknown Stack Trace",
f = a.console && (a.console.warn || a.console.log);
return f && f.call(a.console, e, d), b.apply(this, arguments)
}
}
function i(a, b, c) {
var d, e = b.prototype;
d = a.prototype = Object.create(e), d.constructor = a, d._super = e, c && la(d, c)
}
function j(a, b) {
return function () {
return a.apply(b, arguments)
}
}
function k(a, b) {
return typeof a == oa ? a.apply(b ? b[0] || d : d, b) : a
}
function l(a, b) {
return a === d ? b : a
}
function m(a, b, c) {
g(q(b), function (b) {
a.addEventListener(b, c, !1)
})
}
function n(a, b, c) {
g(q(b), function (b) {
a.removeEventListener(b, c, !1)
})
}
function o(a, b) {
for (; a;) {
if (a == b) return !0;
a = a.parentNode
}
return !1
}
function p(a, b) {
return a.indexOf(b) > -1
}
function q(a) {
return a.trim().split(/\s+/g)
}
function r(a, b, c) {
if (a.indexOf && !c) return a.indexOf(b);
for (var d = 0; d < a.length;) {
if (c && a[d][c] == b || !c && a[d] === b) return d;
d++
}
return -1
}
function s(a) {
return Array.prototype.slice.call(a, 0)
}
function t(a, b, c) {
for (var d = [], e = [], f = 0; f < a.length;) {
var g = b ? a[f][b] : a[f];
r(e, g) < 0 && d.push(a[f]), e[f] = g, f++
}
return c && (d = b ? d.sort(function (a, c) {
return a[b] > c[b]
}) : d.sort()), d
}
function u(a, b) {
for (var c, e, f = b[0].toUpperCase() + b.slice(1), g = 0; g < ma.length;) {
if (c = ma[g], e = c ? c + f : b, e in a) return e;
g++
}
return d
}
function v() {
return ua++
}
function w(b) {
var c = b.ownerDocument || b;
return c.defaultView || c.parentWindow || a
}
function x(a, b) {
var c = this;
this.manager = a, this.callback = b, this.element = a.element, this.target = a.options.inputTarget, this.domHandler = function (b) {
k(a.options.enable, [a]) && c.handler(b)
}, this.init()
}
function y(a) {
var b, c = a.options.inputClass;
return new (b = c ? c : xa ? M : ya ? P : wa ? R : L)(a, z)
}
function z(a, b, c) {
var d = c.pointers.length,
e = c.changedPointers.length,
f = b & Ea && d - e === 0,
g = b & (Ga | Ha) && d - e === 0;
c.isFirst = !!f, c.isFinal = !!g, f && (a.session = {}), c.eventType = b, A(a, c), a.emit("hammer.input", c), a.recognize(c), a.session.prevInput = c
}
function A(a, b) {
var c = a.session,
d = b.pointers,
e = d.length;
c.firstInput || (c.firstInput = D(b)), e > 1 && !c.firstMultiple ? c.firstMultiple = D(b) : 1 === e && (c.firstMultiple = !1);
var f = c.firstInput,
g = c.firstMultiple,
h = g ? g.center : f.center,
i = b.center = E(d);
b.timeStamp = ra(), b.deltaTime = b.timeStamp - f.timeStamp, b.angle = I(h, i), b.distance = H(h, i), B(c, b), b.offsetDirection = G(b.deltaX, b.deltaY);
var j = F(b.deltaTime, b.deltaX, b.deltaY);
b.overallVelocityX = j.x, b.overallVelocityY = j.y, b.overallVelocity = qa(j.x) > qa(j.y) ? j.x : j.y, b.scale = g ? K(g.pointers, d) : 1, b.rotation = g ? J(g.pointers, d) : 0, b.maxPointers = c.prevInput ? b.pointers.length > c.prevInput.maxPointers ? b.pointers.length : c.prevInput.maxPointers : b.pointers.length, C(c, b);
var k = a.element;
o(b.srcEvent.target, k) && (k = b.srcEvent.target), b.target = k
}
function B(a, b) {
var c = b.center,
d = a.offsetDelta || {},
e = a.prevDelta || {},
f = a.prevInput || {};
b.eventType !== Ea && f.eventType !== Ga || (e = a.prevDelta = {
x: f.deltaX || 0,
y: f.deltaY || 0
}, d = a.offsetDelta = {x: c.x, y: c.y}), b.deltaX = e.x + (c.x - d.x), b.deltaY = e.y + (c.y - d.y)
}
function C(a, b) {
var c, e, f, g, h = a.lastInterval || b,
i = b.timeStamp - h.timeStamp;
if (b.eventType != Ha && (i > Da || h.velocity === d)) {
var j = b.deltaX - h.deltaX,
k = b.deltaY - h.deltaY,
l = F(i, j, k);
e = l.x, f = l.y, c = qa(l.x) > qa(l.y) ? l.x : l.y, g = G(j, k), a.lastInterval = b
} else c = h.velocity, e = h.velocityX, f = h.velocityY, g = h.direction;
b.velocity = c, b.velocityX = e, b.velocityY = f, b.direction = g
}
function D(a) {
for (var b = [], c = 0; c < a.pointers.length;) b[c] = {
clientX: pa(a.pointers[c].clientX),
clientY: pa(a.pointers[c].clientY)
}, c++;
return {timeStamp: ra(), pointers: b, center: E(b), deltaX: a.deltaX, deltaY: a.deltaY}
}
function E(a) {
var b = a.length;
if (1 === b) return {x: pa(a[0].clientX), y: pa(a[0].clientY)};
for (var c = 0, d = 0, e = 0; b > e;) c += a[e].clientX, d += a[e].clientY, e++;
return {x: pa(c / b), y: pa(d / b)}
}
function F(a, b, c) {
return {x: b / a || 0, y: c / a || 0}
}
function G(a, b) {
return a === b ? Ia : qa(a) >= qa(b) ? 0 > a ? Ja : Ka : 0 > b ? La : Ma
}
function H(a, b, c) {
c || (c = Qa);
var d = b[c[0]] - a[c[0]],
e = b[c[1]] - a[c[1]];
return Math.sqrt(d * d + e * e)
}
function I(a, b, c) {
c || (c = Qa);
var d = b[c[0]] - a[c[0]],
e = b[c[1]] - a[c[1]];
return 180 * Math.atan2(e, d) / Math.PI
}
function J(a, b) {
return I(b[1], b[0], Ra) + I(a[1], a[0], Ra)
}
function K(a, b) {
return H(b[0], b[1], Ra) / H(a[0], a[1], Ra)
}
function L() {
this.evEl = Ta, this.evWin = Ua, this.pressed = !1, x.apply(this, arguments)
}
function M() {
this.evEl = Xa, this.evWin = Ya, x.apply(this, arguments), this.store = this.manager.session.pointerEvents = []
}
function N() {
this.evTarget = $a, this.evWin = _a, this.started = !1, x.apply(this, arguments)
}
function O(a, b) {
var c = s(a.touches),
d = s(a.changedTouches);
return b & (Ga | Ha) && (c = t(c.concat(d), "identifier", !0)), [c, d]
}
function P() {
this.evTarget = bb, this.targetIds = {}, x.apply(this, arguments)
}
function Q(a, b) {
var c = s(a.touches),
d = this.targetIds;
if (b & (Ea | Fa) && 1 === c.length) return d[c[0].identifier] = !0, [c, c];
var e, f, g = s(a.changedTouches),
h = [],
i = this.target;
if (f = c.filter(function (a) {
return o(a.target, i)
}), b === Ea)
for (e = 0; e < f.length;) d[f[e].identifier] = !0, e++;
for (e = 0; e < g.length;) d[g[e].identifier] && h.push(g[e]), b & (Ga | Ha) && delete d[g[e].identifier], e++;
return h.length ? [t(f.concat(h), "identifier", !0), h] : void 0
}
function R() {
x.apply(this, arguments);
var a = j(this.handler, this);
this.touch = new P(this.manager, a), this.mouse = new L(this.manager, a), this.primaryTouch = null, this.lastTouches = []
}
function S(a, b) {
a & Ea ? (this.primaryTouch = b.changedPointers[0].identifier, T.call(this, b)) : a & (Ga | Ha) && T.call(this, b)
}
function T(a) {
var b = a.changedPointers[0];
if (b.identifier === this.primaryTouch) {
var c = {x: b.clientX, y: b.clientY};
this.lastTouches.push(c);
var d = this.lastTouches,
e = function () {
var a = d.indexOf(c);
a > -1 && d.splice(a, 1)
};
setTimeout(e, cb)
}
}
function U(a) {
for (var b = a.srcEvent.clientX, c = a.srcEvent.clientY, d = 0; d < this.lastTouches.length; d++) {
var e = this.lastTouches[d],
f = Math.abs(b - e.x),
g = Math.abs(c - e.y);
if (db >= f && db >= g) return !0
}
return !1
}
function V(a, b) {
this.manager = a, this.set(b)
}
function W(a) {
if (p(a, jb)) return jb;
var b = p(a, kb),
c = p(a, lb);
return b && c ? jb : b || c ? b ? kb : lb : p(a, ib) ? ib : hb
}
function X() {
if (!fb) return !1;
var b = {},
c = a.CSS && a.CSS.supports;
return ["auto", "manipulation", "pan-y", "pan-x", "pan-x pan-y", "none"].forEach(function (d) {
b[d] = c ? a.CSS.supports("touch-action", d) : !0
}), b
}
function Y(a) {
this.options = la({}, this.defaults, a || {}), this.id = v(), this.manager = null, this.options.enable = l(this.options.enable, !0), this.state = nb, this.simultaneous = {}, this.requireFail = []
}
function Z(a) {
return a & sb ? "cancel" : a & qb ? "end" : a & pb ? "move" : a & ob ? "start" : ""
}
function $(a) {
return a == Ma ? "down" : a == La ? "up" : a == Ja ? "left" : a == Ka ? "right" : ""
}
function _(a, b) {
var c = b.manager;
return c ? c.get(a) : a
}
function aa() {
Y.apply(this, arguments)
}
function ba() {
aa.apply(this, arguments), this.pX = null, this.pY = null
}
function ca() {
aa.apply(this, arguments)
}
function da() {
Y.apply(this, arguments), this._timer = null, this._input = null
}
function ea() {
aa.apply(this, arguments)
}
function fa() {
aa.apply(this, arguments)
}
function ga() {
Y.apply(this, arguments), this.pTime = !1, this.pCenter = !1, this._timer = null, this._input = null, this.count = 0
}
function ha(a, b) {
return b = b || {}, b.recognizers = l(b.recognizers, ha.defaults.preset), new ia(a, b)
}
function ia(a, b) {
this.options = la({}, ha.defaults, b || {}), this.options.inputTarget = this.options.inputTarget || a, this.handlers = {}, this.session = {}, this.recognizers = [], this.oldCssProps = {}, this.element = a, this.input = y(this), this.touchAction = new V(this, this.options.touchAction), ja(this, !0), g(this.options.recognizers, function (a) {
var b = this.add(new a[0](a[1]));
a[2] && b.recognizeWith(a[2]), a[3] && b.requireFailure(a[3])
}, this)
}
function ja(a, b) {
var c = a.element;
if (c.style) {
var d;
g(a.options.cssProps, function (e, f) {
d = u(c.style, f), b ? (a.oldCssProps[d] = c.style[d], c.style[d] = e) : c.style[d] = a.oldCssProps[d] || ""
}), b || (a.oldCssProps = {})
}
}
function ka(a, c) {
var d = b.createEvent("Event");
d.initEvent(a, !0, !0), d.gesture = c, c.target.dispatchEvent(d)
}
var la, ma = ["", "webkit", "Moz", "MS", "ms", "o"],
na = b.createElement("div"),
oa = "function",
pa = Math.round,
qa = Math.abs,
ra = Date.now;
la = "function" != typeof Object.assign ? function (a) {
if (a === d || null === a) throw new TypeError("Cannot convert undefined or null to object");
for (var b = Object(a), c = 1; c < arguments.length; c++) {
var e = arguments[c];
if (e !== d && null !== e)
for (var f in e) e.hasOwnProperty(f) && (b[f] = e[f])
}
return b
} : Object.assign;
var sa = h(function (a, b, c) {
for (var e = Object.keys(b), f = 0; f < e.length;) (!c || c && a[e[f]] === d) && (a[e[f]] = b[e[f]]), f++;
return a
}, "extend", "Use `assign`."),
ta = h(function (a, b) {
return sa(a, b, !0)
}, "merge", "Use `assign`."),
ua = 1,
va = /mobile|tablet|ip(ad|hone|od)|android/i,
wa = "ontouchstart" in a,
xa = u(a, "PointerEvent") !== d,
ya = wa && va.test(navigator.userAgent),
za = "touch",
Aa = "pen",
Ba = "mouse",
Ca = "kinect",
Da = 25,
Ea = 1,
Fa = 2,
Ga = 4,
Ha = 8,
Ia = 1,
Ja = 2,
Ka = 4,
La = 8,
Ma = 16,
Na = Ja | Ka,
Oa = La | Ma,
Pa = Na | Oa,
Qa = ["x", "y"],
Ra = ["clientX", "clientY"];
x.prototype = {
handler: function () {
}, init: function () {
this.evEl && m(this.element, this.evEl, this.domHandler), this.evTarget && m(this.target, this.evTarget, this.domHandler), this.evWin && m(w(this.element), this.evWin, this.domHandler)
}, destroy: function () {
this.evEl && n(this.element, this.evEl, this.domHandler), this.evTarget && n(this.target, this.evTarget, this.domHandler), this.evWin && n(w(this.element), this.evWin, this.domHandler)
}
};
var Sa = {mousedown: Ea, mousemove: Fa, mouseup: Ga},
Ta = "mousedown",
Ua = "mousemove mouseup";
i(L, x, {
handler: function (a) {
var b = Sa[a.type];
b & Ea && 0 === a.button && (this.pressed = !0), b & Fa && 1 !== a.which && (b = Ga), this.pressed && (b & Ga && (this.pressed = !1), this.callback(this.manager, b, {
pointers: [a],
changedPointers: [a],
pointerType: Ba,
srcEvent: a
}))
}
});
var Va = {pointerdown: Ea, pointermove: Fa, pointerup: Ga, pointercancel: Ha, pointerout: Ha},
Wa = {2: za, 3: Aa, 4: Ba, 5: Ca},
Xa = "pointerdown",
Ya = "pointermove pointerup pointercancel";
a.MSPointerEvent && !a.PointerEvent && (Xa = "MSPointerDown", Ya = "MSPointerMove MSPointerUp MSPointerCancel"), i(M, x, {
handler: function (a) {
var b = this.store,
c = !1,
d = a.type.toLowerCase().replace("ms", ""),
e = Va[d],
f = Wa[a.pointerType] || a.pointerType,
g = f == za,
h = r(b, a.pointerId, "pointerId");
e & Ea && (0 === a.button || g) ? 0 > h && (b.push(a), h = b.length - 1) : e & (Ga | Ha) && (c = !0), 0 > h || (b[h] = a, this.callback(this.manager, e, {
pointers: b,
changedPointers: [a],
pointerType: f,
srcEvent: a
}), c && b.splice(h, 1))
}
});
var Za = {touchstart: Ea, touchmove: Fa, touchend: Ga, touchcancel: Ha},
$a = "touchstart",
_a = "touchstart touchmove touchend touchcancel";
i(N, x, {
handler: function (a) {
var b = Za[a.type];
if (b === Ea && (this.started = !0), this.started) {
var c = O.call(this, a, b);
b & (Ga | Ha) && c[0].length - c[1].length === 0 && (this.started = !1), this.callback(this.manager, b, {
pointers: c[0],
changedPointers: c[1],
pointerType: za,
srcEvent: a
})
}
}
});
var ab = {touchstart: Ea, touchmove: Fa, touchend: Ga, touchcancel: Ha},
bb = "touchstart touchmove touchend touchcancel";
i(P, x, {
handler: function (a) {
var b = ab[a.type],
c = Q.call(this, a, b);
c && this.callback(this.manager, b, {pointers: c[0], changedPointers: c[1], pointerType: za, srcEvent: a})
}
});
var cb = 2500,
db = 25;
i(R, x, {
handler: function (a, b, c) {
var d = c.pointerType == za,
e = c.pointerType == Ba;
if (!(e && c.sourceCapabilities && c.sourceCapabilities.firesTouchEvents)) {
if (d) S.call(this, b, c);
else if (e && U.call(this, c)) return;
this.callback(a, b, c)
}
}, destroy: function () {
this.touch.destroy(), this.mouse.destroy()
}
});
var eb = u(na.style, "touchAction"),
fb = eb !== d,
gb = "compute",
hb = "auto",
ib = "manipulation",
jb = "none",
kb = "pan-x",
lb = "pan-y",
mb = X();
V.prototype = {
set: function (a) {
a == gb && (a = this.compute()), fb && this.manager.element.style && mb[a] && (this.manager.element.style[eb] = a), this.actions = a.toLowerCase().trim()
}, update: function () {
this.set(this.manager.options.touchAction)
}, compute: function () {
var a = [];
return g(this.manager.recognizers, function (b) {
k(b.options.enable, [b]) && (a = a.concat(b.getTouchAction()))
}), W(a.join(" "))
}, preventDefaults: function (a) {
var b = a.srcEvent,
c = a.offsetDirection;
if (this.manager.session.prevented) return void b.preventDefault();
var d = this.actions,
e = p(d, jb) && !mb[jb],
f = p(d, lb) && !mb[lb],
g = p(d, kb) && !mb[kb];
if (e) {
var h = 1 === a.pointers.length,
i = a.distance < 2,
j = a.deltaTime < 250;
if (h && i && j) return
}
return g && f ? void 0 : e || f && c & Na || g && c & Oa ? this.preventSrc(b) : void 0
}, preventSrc: function (a) {
this.manager.session.prevented = !0, a.preventDefault()
}
};
var nb = 1,
ob = 2,
pb = 4,
qb = 8,
rb = qb,
sb = 16,
tb = 32;
Y.prototype = {
defaults: {}, set: function (a) {
return la(this.options, a), this.manager && this.manager.touchAction.update(), this
}, recognizeWith: function (a) {
if (f(a, "recognizeWith", this)) return this;
var b = this.simultaneous;
return a = _(a, this), b[a.id] || (b[a.id] = a, a.recognizeWith(this)), this
}, dropRecognizeWith: function (a) {
return f(a, "dropRecognizeWith", this) ? this : (a = _(a, this), delete this.simultaneous[a.id], this)
}, requireFailure: function (a) {
if (f(a, "requireFailure", this)) return this;
var b = this.requireFail;
return a = _(a, this), -1 === r(b, a) && (b.push(a), a.requireFailure(this)), this
}, dropRequireFailure: function (a) {
if (f(a, "dropRequireFailure", this)) return this;
a = _(a, this);
var b = r(this.requireFail, a);
return b > -1 && this.requireFail.splice(b, 1), this
}, hasRequireFailures: function () {
return this.requireFail.length > 0
}, canRecognizeWith: function (a) {
return !!this.simultaneous[a.id]
}, emit: function (a) {
function b(b) {
c.manager.emit(b, a)
}
var c = this,
d = this.state;
qb > d && b(c.options.event + Z(d)), b(c.options.event), a.additionalEvent && b(a.additionalEvent), d >= qb && b(c.options.event + Z(d))
}, tryEmit: function (a) {
return this.canEmit() ? this.emit(a) : void (this.state = tb)
}, canEmit: function () {
for (var a = 0; a < this.requireFail.length;) {
if (!(this.requireFail[a].state & (tb | nb))) return !1;
a++
}
return !0
}, recognize: function (a) {
var b = la({}, a);
return k(this.options.enable, [this, b]) ? (this.state & (rb | sb | tb) && (this.state = nb), this.state = this.process(b), void (this.state & (ob | pb | qb | sb) && this.tryEmit(b))) : (this.reset(), void (this.state = tb))
}, process: function (a) {
}, getTouchAction: function () {
}, reset: function () {
}
}, i(aa, Y, {
defaults: {pointers: 1}, attrTest: function (a) {
var b = this.options.pointers;
return 0 === b || a.pointers.length === b
}, process: function (a) {
var b = this.state,
c = a.eventType,
d = b & (ob | pb),
e = this.attrTest(a);
return d && (c & Ha || !e) ? b | sb : d || e ? c & Ga ? b | qb : b & ob ? b | pb : ob : tb
}
}), i(ba, aa, {
defaults: {event: "pan", threshold: 10, pointers: 1, direction: Pa}, getTouchAction: function () {
var a = this.options.direction,
b = [];
return a & Na && b.push(lb), a & Oa && b.push(kb), b
}, directionTest: function (a) {
var b = this.options,
c = !0,
d = a.distance,
e = a.direction,
f = a.deltaX,
g = a.deltaY;
return e & b.direction || (b.direction & Na ? (e = 0 === f ? Ia : 0 > f ? Ja : Ka, c = f != this.pX, d = Math.abs(a.deltaX)) : (e = 0 === g ? Ia : 0 > g ? La : Ma, c = g != this.pY, d = Math.abs(a.deltaY))), a.direction = e, c && d > b.threshold && e & b.direction
}, attrTest: function (a) {
return aa.prototype.attrTest.call(this, a) && (this.state & ob || !(this.state & ob) && this.directionTest(a))
}, emit: function (a) {
this.pX = a.deltaX, this.pY = a.deltaY;
var b = $(a.direction);
b && (a.additionalEvent = this.options.event + b), this._super.emit.call(this, a)
}
}), i(ca, aa, {
defaults: {event: "pinch", threshold: 0, pointers: 2}, getTouchAction: function () {
return [jb]
}, attrTest: function (a) {
return this._super.attrTest.call(this, a) && (Math.abs(a.scale - 1) > this.options.threshold || this.state & ob)
}, emit: function (a) {
if (1 !== a.scale) {
var b = a.scale < 1 ? "in" : "out";
a.additionalEvent = this.options.event + b
}
this._super.emit.call(this, a)
}
}), i(da, Y, {
defaults: {event: "press", pointers: 1, time: 251, threshold: 9}, getTouchAction: function () {
return [hb]
}, process: function (a) {
var b = this.options,
c = a.pointers.length === b.pointers,
d = a.distance < b.threshold,
f = a.deltaTime > b.time;
if (this._input = a, !d || !c || a.eventType & (Ga | Ha) && !f) this.reset();
else if (a.eventType & Ea) this.reset(), this._timer = e(function () {
this.state = rb, this.tryEmit()
}, b.time, this);
else if (a.eventType & Ga) return rb;
return tb
}, reset: function () {
clearTimeout(this._timer)
}, emit: function (a) {
this.state === rb && (a && a.eventType & Ga ? this.manager.emit(this.options.event + "up", a) : (this._input.timeStamp = ra(), this.manager.emit(this.options.event, this._input)))
}
}), i(ea, aa, {
defaults: {event: "rotate", threshold: 0, pointers: 2}, getTouchAction: function () {
return [jb]
}, attrTest: function (a) {
return this._super.attrTest.call(this, a) && (Math.abs(a.rotation) > this.options.threshold || this.state & ob)
}
}), i(fa, aa, {
defaults: {event: "swipe", threshold: 10, velocity: .3, direction: Na | Oa, pointers: 1},
getTouchAction: function () {
return ba.prototype.getTouchAction.call(this)
},
attrTest: function (a) {
var b, c = this.options.direction;
return c & (Na | Oa) ? b = a.overallVelocity : c & Na ? b = a.overallVelocityX : c & Oa && (b = a.overallVelocityY), this._super.attrTest.call(this, a) && c & a.offsetDirection && a.distance > this.options.threshold && a.maxPointers == this.options.pointers && qa(b) > this.options.velocity && a.eventType & Ga
},
emit: function (a) {
var b = $(a.offsetDirection);
b && this.manager.emit(this.options.event + b, a), this.manager.emit(this.options.event, a)
}
}), i(ga, Y, {
defaults: {event: "tap", pointers: 1, taps: 1, interval: 300, time: 250, threshold: 9, posThreshold: 10},
getTouchAction: function () {
return [ib]
},
process: function (a) {
var b = this.options,
c = a.pointers.length === b.pointers,
d = a.distance < b.threshold,
f = a.deltaTime < b.time;
if (this.reset(), a.eventType & Ea && 0 === this.count) return this.failTimeout();
if (d && f && c) {
if (a.eventType != Ga) return this.failTimeout();
var g = this.pTime ? a.timeStamp - this.pTime < b.interval : !0,
h = !this.pCenter || H(this.pCenter, a.center) < b.posThreshold;
this.pTime = a.timeStamp, this.pCenter = a.center, h && g ? this.count += 1 : this.count = 1, this._input = a;
var i = this.count % b.taps;
if (0 === i) return this.hasRequireFailures() ? (this._timer = e(function () {
this.state = rb, this.tryEmit()
}, b.interval, this), ob) : rb
}
return tb
},
failTimeout: function () {
return this._timer = e(function () {
this.state = tb
}, this.options.interval, this), tb
},
reset: function () {
clearTimeout(this._timer)
},
emit: function () {
this.state == rb && (this._input.tapCount = this.count, this.manager.emit(this.options.event, this._input))
}
}), ha.VERSION = "2.0.7", ha.defaults = {
domEvents: !1,
touchAction: gb,
enable: !0,
inputTarget: null,
inputClass: null,
preset: [
[ea, {enable: !1}],
[ca, {enable: !1},
["rotate"]
],
[fa, {direction: Na}],
[ba, {direction: Na},
["swipe"]
],
[ga],
[ga, {event: "doubletap", taps: 2},
["tap"]
],
[da]
],
cssProps: {
userSelect: "none",
touchSelect: "none",
touchCallout: "none",
contentZooming: "none",
userDrag: "none",
tapHighlightColor: "rgba(0,0,0,0)"
}
};
var ub = 1,
vb = 2;
ia.prototype = {
set: function (a) {
return la(this.options, a), a.touchAction && this.touchAction.update(), a.inputTarget && (this.input.destroy(), this.input.target = a.inputTarget, this.input.init()), this
}, stop: function (a) {
this.session.stopped = a ? vb : ub
}, recognize: function (a) {
var b = this.session;
if (!b.stopped) {
this.touchAction.preventDefaults(a);
var c, d = this.recognizers,
e = b.curRecognizer;
(!e || e && e.state & rb) && (e = b.curRecognizer = null);
for (var f = 0; f < d.length;) c = d[f], b.stopped === vb || e && c != e && !c.canRecognizeWith(e) ? c.reset() : c.recognize(a), !e && c.state & (ob | pb | qb) && (e = b.curRecognizer = c), f++
}
}, get: function (a) {
if (a instanceof Y) return a;
for (var b = this.recognizers, c = 0; c < b.length; c++)
if (b[c].options.event == a) return b[c];
return null
}, add: function (a) {
if (f(a, "add", this)) return this;
var b = this.get(a.options.event);
return b && this.remove(b), this.recognizers.push(a), a.manager = this, this.touchAction.update(), a
}, remove: function (a) {
if (f(a, "remove", this)) return this;
if (a = this.get(a)) {
var b = this.recognizers,
c = r(b, a);
-1 !== c && (b.splice(c, 1), this.touchAction.update())
}
return this
}, on: function (a, b) {
if (a !== d && b !== d) {
var c = this.handlers;
return g(q(a), function (a) {
c[a] = c[a] || [], c[a].push(b)
}), this
}
}, off: function (a, b) {
if (a !== d) {
var c = this.handlers;
return g(q(a), function (a) {
b ? c[a] && c[a].splice(r(c[a], b), 1) : delete c[a]
}), this
}
}, emit: function (a, b) {
this.options.domEvents && ka(a, b);
var c = this.handlers[a] && this.handlers[a].slice();
if (c && c.length) {
b.type = a, b.preventDefault = function () {
b.srcEvent.preventDefault()
};
for (var d = 0; d < c.length;) c[d](b), d++
}
}, destroy: function () {
this.element && ja(this, !1), this.handlers = {}, this.session = {}, this.input.destroy(), this.element = null
}
}, la(ha, {
INPUT_START: Ea,
INPUT_MOVE: Fa,
INPUT_END: Ga,
INPUT_CANCEL: Ha,
STATE_POSSIBLE: nb,
STATE_BEGAN: ob,
STATE_CHANGED: pb,
STATE_ENDED: qb,
STATE_RECOGNIZED: rb,
STATE_CANCELLED: sb,
STATE_FAILED: tb,
DIRECTION_NONE: Ia,
DIRECTION_LEFT: Ja,
DIRECTION_RIGHT: Ka,
DIRECTION_UP: La,
DIRECTION_DOWN: Ma,
DIRECTION_HORIZONTAL: Na,
DIRECTION_VERTICAL: Oa,
DIRECTION_ALL: Pa,
Manager: ia,
Input: x,
TouchAction: V,
TouchInput: P,
MouseInput: L,
PointerEventInput: M,
TouchMouseInput: R,
SingleTouchInput: N,
Recognizer: Y,
AttrRecognizer: aa,
Tap: ga,
Pan: ba,
Swipe: fa,
Pinch: ca,
Rotate: ea,
Press: da,
on: m,
off: n,
each: g,
merge: ta,
extend: sa,
assign: la,
inherit: i,
bindFn: j,
prefixed: u
});
var wb = "undefined" != typeof a ? a : "undefined" != typeof self ? self : {};
wb.Hammer = ha, "function" == typeof define && define.amd ? define(function () {
return ha
}) : "undefined" != typeof module && module.exports ? module.exports = ha : a[c] = ha
}(window, document, "Hammer");
(function () {
function e(e) {
return !!e.exifdata
}
function t(e, t) {
t = t || e.match(/^data\:([^\;]+)\;base64,/im)[1] || "", e = e.replace(/^data\:([^\;]+)\;base64,/gim, "");
for (var n = atob(e), r = n.length, i = new ArrayBuffer(r), o = new Uint8Array(i), a = 0; a < r; a++) o[a] = n.charCodeAt(a);
return i
}
function r(e, t) {
var n = new XMLHttpRequest;
n.open("GET", e, !0), n.responseType = "blob", n.onload = function (e) {
200 != this.status && 0 !== this.status || t(this.response)
}, n.send()
}
function i(e, n) {
function i(t) {
var r = o(t);
e.exifdata = r || {};
var i = a(t);
if (e.iptcdata = i || {}, F.isXmpEnabled) {
var s = m(t);
e.xmpdata = s || {}
}
n && n.call(e)
}
if (e.src)
if (/^data\:/i.test(e.src)) i(t(e.src));
else if (/^blob\:/i.test(e.src)) (l = new FileReader).onload = function (e) {
i(e.target.result)
}, r(e.src, function (e) {
l.readAsArrayBuffer(e)
});
else {
var s = new XMLHttpRequest;
s.onload = function () {
if (200 != this.status && 0 !== this.status) throw "Could not load image";
i(s.response), s = null
}, s.open("GET", e.src, !0), s.responseType = "arraybuffer", s.send(null)
} else if (self.FileReader && (e instanceof self.Blob || e instanceof self.File)) {
var l = new FileReader;
l.onload = function (e) {
S && console.log("Got file of length " + e.target.result.byteLength), i(e.target.result)
}, l.readAsArrayBuffer(e)
}
}
function o(e) {
var t = new DataView(e);
if (S && console.log("Got file of length " + e.byteLength), 255 != t.getUint8(0) || 216 != t.getUint8(1)) return S && console.log("Not a valid JPEG"), !1;
for (var n, r = 2, i = e.byteLength; r < i;) {
if (255 != t.getUint8(r)) return S && console.log("Not a valid marker at offset " + r + ", found: " + t.getUint8(r)), !1;
if (n = t.getUint8(r + 1), S && console.log(n), 225 == n) return S && console.log("Found 0xFFE1 marker"), g(t, r + 4, t.getUint16(r + 2));
r += 2 + t.getUint16(r + 2)
}
}
function a(e) {
var t = new DataView(e);
if (S && console.log("Got file of length " + e.byteLength), 255 != t.getUint8(0) || 216 != t.getUint8(1)) return S && console.log("Not a valid JPEG"), !1;
for (var n = 2, r = e.byteLength; n < r;) {
if (function (e, t) {
return 56 === e.getUint8(t) && 66 === e.getUint8(t + 1) && 73 === e.getUint8(t + 2) && 77 === e.getUint8(t + 3) && 4 === e.getUint8(t + 4) && 4 === e.getUint8(t + 5)
}(t, n)) {
var i = t.getUint8(n + 7);
return i % 2 != 0 && (i += 1), 0 === i && (i = 4), s(e, n + 8 + i, t.getUint16(n + 6 + i))
}
n++
}
}
function s(e, t, n) {
for (var r, i, o, a, s = new DataView(e), l = {}, u = t; u < t + n;) 28 === s.getUint8(u) && 2 === s.getUint8(u + 1) && (a = s.getUint8(u + 2)) in v && ((o = s.getInt16(u + 3)) + 5, i = v[a], r = f(s, u + 5, o), l.hasOwnProperty(i) ? l[i] instanceof Array ? l[i].push(r) : l[i] = [l[i], r] : l[i] = r), u++;
return l
}
function l(e, t, n, r, i) {
var o, a, s, l = e.getUint16(n, !i),
c = {};
for (s = 0; s < l; s++) o = n + 12 * s + 2, !(a = r[e.getUint16(o, !i)]) && S && console.log("Unknown tag: " + e.getUint16(o, !i)), c[a] = u(e, o, t, n, i);
return c
}
function u(e, t, n, r, i) {
var o, a, s, l, u, c, d = e.getUint16(t + 2, !i),
g = e.getUint32(t + 4, !i),
m = e.getUint32(t + 8, !i) + n;
switch (d) {
case 1:
case 7:
if (1 == g) return e.getUint8(t + 8, !i);
for (o = g > 4 ? m : t + 8, a = [], l = 0; l < g; l++) a[l] = e.getUint8(o + l);
return a;
case 2:
return o = g > 4 ? m : t + 8, f(e, o, g - 1);
case 3:
if (1 == g) return e.getUint16(t + 8, !i);
for (o = g > 2 ? m : t + 8, a = [], l = 0; l < g; l++) a[l] = e.getUint16(o + 2 * l, !i);
return a;
case 4:
if (1 == g) return e.getUint32(t + 8, !i);
for (a = [], l = 0; l < g; l++) a[l] = e.getUint32(m + 4 * l, !i);
return a;
case 5:
if (1 == g) return u = e.getUint32(m, !i), c = e.getUint32(m + 4, !i), s = new Number(u / c), s.numerator = u, s.denominator = c, s;
for (a = [], l = 0; l < g; l++) u = e.getUint32(m + 8 * l, !i), c = e.getUint32(m + 4 + 8 * l, !i), a[l] = new Number(u / c), a[l].numerator = u, a[l].denominator = c;
return a;
case 9:
if (1 == g) return e.getInt32(t + 8, !i);
for (a = [], l = 0; l < g; l++) a[l] = e.getInt32(m + 4 * l, !i);
return a;
case 10:
if (1 == g) return e.getInt32(m, !i) / e.getInt32(m + 4, !i);
for (a = [], l = 0; l < g; l++) a[l] = e.getInt32(m + 8 * l, !i) / e.getInt32(m + 4 + 8 * l, !i);
return a
}
}
function c(e, t, n) {
var r = e.getUint16(t, !n);
return e.getUint32(t + 2 + 12 * r, !n)
}
function d(e, t, n, r) {
var i = c(e, t + n, r);
if (!i) return {};
if (i > e.byteLength) return {};
var o = l(e, t, t + i, C, r);
if (o.Compression) switch (o.Compression) {
case 6:
if (o.JpegIFOffset && o.JpegIFByteCount) {
var a = t + o.JpegIFOffset,
s = o.JpegIFByteCount;
o.blob = new Blob([new Uint8Array(e.buffer, a, s)], {type: "image/jpeg"})
}
break;
case 1:
console.log("Thumbnail image format is TIFF, which is not implemented.");
break;
default:
console.log("Unknown thumbnail image format '%s'", o.Compression)
} else 2 == o.PhotometricInterpretation && console.log("Thumbnail image format is RGB, which is not implemented.");
return o
}
function f(e, t, r) {
var i = "";
for (n = t; n < t + r; n++) i += String.fromCharCode(e.getUint8(n));
return i
}
function g(e, t) {
if ("Exif" != f(e, t, 4)) return S && console.log("Not valid EXIF data! " + f(e, t, 4)), !1;
var n, r, i, o, a, s = t + 6;
if (18761 == e.getUint16(s)) n = !1;
else {
if (19789 != e.getUint16(s)) return S && console.log("Not valid TIFF data! (no 0x4949 or 0x4D4D)"), !1;
n = !0
}
if (42 != e.getUint16(s + 2, !n)) return S && console.log("Not valid TIFF data! (no 0x002A)"), !1;
var u = e.getUint32(s + 4, !n);
if (u < 8) return S && console.log("Not valid TIFF data! (First offset less than 8)", e.getUint32(s + 4, !n)), !1;
if ((r = l(e, s, s + u, b, n)).ExifIFDPointer) {
o = l(e, s, s + r.ExifIFDPointer, y, n);
for (i in o) {
switch (i) {
case "LightSource":
case "Flash":
case "MeteringMode":
case "ExposureProgram":
case "SensingMethod":
case "SceneCaptureType":
case "SceneType":
case "CustomRendered":
case "WhiteBalance":
case "GainControl":
case "Contrast":
case "Saturation":
case "Sharpness":
case "SubjectDistanceRange":
case "FileSource":
o[i] = I[i][o[i]];
break;
case "ExifVersion":
case "FlashpixVersion":
o[i] = String.fromCharCode(o[i][0], o[i][1], o[i][2], o[i][3]);
break;
case "ComponentsConfiguration":
o[i] = I.Components[o[i][0]] + I.Components[o[i][1]] + I.Components[o[i][2]] + I.Components[o[i][3]]
}
r[i] = o[i]
}
}
if (r.GPSInfoIFDPointer) {
a = l(e, s, s + r.GPSInfoIFDPointer, x, n);
for (i in a) {
switch (i) {
case "GPSVersionID":
a[i] = a[i][0] + "." + a[i][1] + "." + a[i][2] + "." + a[i][3]
}
r[i] = a[i]
}
}
return r.thumbnail = d(e, s, u, n), r
}
function m(e) {
if ("DOMParser" in self) {
var t = new DataView(e);
if (S && console.log("Got file of length " + e.byteLength), 255 != t.getUint8(0) || 216 != t.getUint8(1)) return S && console.log("Not a valid JPEG"), !1;
for (var n = 2, r = e.byteLength, i = new DOMParser; n < r - 4;) {
if ("http" == f(t, n, 4)) {
var o = f(t, n - 1, t.getUint16(n - 2) - 1),
a = o.indexOf("xmpmeta>") + 8,
s = (o = o.substring(o.indexOf(" 0) {
t["@attributes"] = {};
for (var n = 0; n < e.attributes.length; n++) {
var r = e.attributes.item(n);
t["@attributes"][r.nodeName] = r.nodeValue
}
}
} else if (3 == e.nodeType) return e.nodeValue;
if (e.hasChildNodes())
for (var i = 0; i < e.childNodes.length; i++) {
var o = e.childNodes.item(i),
a = o.nodeName;
if (null == t[a]) t[a] = p(o);
else {
if (null == t[a].push) {
var s = t[a];
t[a] = [], t[a].push(s)
}
t[a].push(p(o))
}
}
return t
}
function h(e) {
try {
var t = {};
if (e.children.length > 0)
for (var n = 0; n < e.children.length; n++) {
var r = e.children.item(n),
i = r.attributes;
for (var o in i) {
var a = i[o],
s = a.nodeName,
l = a.nodeValue;
void 0 !== s && (t[s] = l)
}
var u = r.nodeName;
if (void 0 === t[u]) t[u] = p(r);
else {
if (void 0 === t[u].push) {
var c = t[u];
t[u] = [], t[u].push(c)
}
t[u].push(p(r))
}
} else t = e.textContent;
return t
} catch (e) {
console.log(e.message)
}
}
var S = !1,
P = this,
F = function (e) {
return e instanceof F ? e : this instanceof F ? void (this.EXIFwrapped = e) : new F(e)
};
"undefined" != typeof exports ? ("undefined" != typeof module && module.exports && (exports = module.exports = F), exports.EXIF = F) : P.EXIF = F;
var y = F.Tags = {
36864: "ExifVersion",
40960: "FlashpixVersion",
40961: "ColorSpace",
40962: "PixelXDimension",
40963: "PixelYDimension",
37121: "ComponentsConfiguration",
37122: "CompressedBitsPerPixel",
37500: "MakerNote",
37510: "UserComment",
40964: "RelatedSoundFile",
36867: "DateTimeOriginal",
36868: "DateTimeDigitized",
37520: "SubsecTime",
37521: "SubsecTimeOriginal",
37522: "SubsecTimeDigitized",
33434: "ExposureTime",
33437: "FNumber",
34850: "ExposureProgram",
34852: "SpectralSensitivity",
34855: "ISOSpeedRatings",
34856: "OECF",
37377: "ShutterSpeedValue",
37378: "ApertureValue",
37379: "BrightnessValue",
37380: "ExposureBias",
37381: "MaxApertureValue",
37382: "SubjectDistance",
37383: "MeteringMode",
37384: "LightSource",
37385: "Flash",
37396: "SubjectArea",
37386: "FocalLength",
41483: "FlashEnergy",
41484: "SpatialFrequencyResponse",
41486: "FocalPlaneXResolution",
41487: "FocalPlaneYResolution",
41488: "FocalPlaneResolutionUnit",
41492: "SubjectLocation",
41493: "ExposureIndex",
41495: "SensingMethod",
41728: "FileSource",
41729: "SceneType",
41730: "CFAPattern",
41985: "CustomRendered",
41986: "ExposureMode",
41987: "WhiteBalance",
41988: "DigitalZoomRation",
41989: "FocalLengthIn35mmFilm",
41990: "SceneCaptureType",
41991: "GainControl",
41992: "Contrast",
41993: "Saturation",
41994: "Sharpness",
41995: "DeviceSettingDescription",
41996: "SubjectDistanceRange",
40965: "InteroperabilityIFDPointer",
42016: "ImageUniqueID"
},
b = F.TiffTags = {
256: "ImageWidth",
257: "ImageHeight",
34665: "ExifIFDPointer",
34853: "GPSInfoIFDPointer",
40965: "InteroperabilityIFDPointer",
258: "BitsPerSample",
259: "Compression",
262: "PhotometricInterpretation",
274: "Orientation",
277: "SamplesPerPixel",
284: "PlanarConfiguration",
530: "YCbCrSubSampling",
531: "YCbCrPositioning",
282: "XResolution",
283: "YResolution",
296: "ResolutionUnit",
273: "StripOffsets",
278: "RowsPerStrip",
279: "StripByteCounts",
513: "JPEGInterchangeFormat",
514: "JPEGInterchangeFormatLength",
301: "TransferFunction",
318: "WhitePoint",
319: "PrimaryChromaticities",
529: "YCbCrCoefficients",
532: "ReferenceBlackWhite",
306: "DateTime",
270: "ImageDescription",
271: "Make",
272: "Model",
305: "Software",
315: "Artist",
33432: "Copyright"
},
x = F.GPSTags = {
0: "GPSVersionID",
1: "GPSLatitudeRef",
2: "GPSLatitude",
3: "GPSLongitudeRef",
4: "GPSLongitude",
5: "GPSAltitudeRef",
6: "GPSAltitude",
7: "GPSTimeStamp",
8: "GPSSatellites",
9: "GPSStatus",
10: "GPSMeasureMode",
11: "GPSDOP",
12: "GPSSpeedRef",
13: "GPSSpeed",
14: "GPSTrackRef",
15: "GPSTrack",
16: "GPSImgDirectionRef",
17: "GPSImgDirection",
18: "GPSMapDatum",
19: "GPSDestLatitudeRef",
20: "GPSDestLatitude",
21: "GPSDestLongitudeRef",
22: "GPSDestLongitude",
23: "GPSDestBearingRef",
24: "GPSDestBearing",
25: "GPSDestDistanceRef",
26: "GPSDestDistance",
27: "GPSProcessingMethod",
28: "GPSAreaInformation",
29: "GPSDateStamp",
30: "GPSDifferential"
},
C = F.IFD1Tags = {
256: "ImageWidth",
257: "ImageHeight",
258: "BitsPerSample",
259: "Compression",
262: "PhotometricInterpretation",
273: "StripOffsets",
274: "Orientation",
277: "SamplesPerPixel",
278: "RowsPerStrip",
279: "StripByteCounts",
282: "XResolution",
283: "YResolution",
284: "PlanarConfiguration",
296: "ResolutionUnit",
513: "JpegIFOffset",
514: "JpegIFByteCount",
529: "YCbCrCoefficients",
530: "YCbCrSubSampling",
531: "YCbCrPositioning",
532: "ReferenceBlackWhite"
},
I = F.StringValues = {
ExposureProgram: {
0: "Not defined",
1: "Manual",
2: "Normal program",
3: "Aperture priority",
4: "Shutter priority",
5: "Creative program",
6: "Action program",
7: "Portrait mode",
8: "Landscape mode"
},
MeteringMode: {
0: "Unknown",
1: "Average",
2: "CenterWeightedAverage",
3: "Spot",
4: "MultiSpot",
5: "Pattern",
6: "Partial",
255: "Other"
},
LightSource: {
0: "Unknown",
1: "Daylight",
2: "Fluorescent",
3: "Tungsten (incandescent light)",
4: "Flash",
9: "Fine weather",
10: "Cloudy weather",
11: "Shade",
12: "Daylight fluorescent (D 5700 - 7100K)",
13: "Day white fluorescent (N 4600 - 5400K)",
14: "Cool white fluorescent (W 3900 - 4500K)",
15: "White fluorescent (WW 3200 - 3700K)",
17: "Standard light A",
18: "Standard light B",
19: "Standard light C",
20: "D55",
21: "D65",
22: "D75",
23: "D50",
24: "ISO studio tungsten",
255: "Other"
},
Flash: {
0: "Flash did not fire",
1: "Flash fired",
5: "Strobe return light not detected",
7: "Strobe return light detected",
9: "Flash fired, compulsory flash mode",
13: "Flash fired, compulsory flash mode, return light not detected",
15: "Flash fired, compulsory flash mode, return light detected",
16: "Flash did not fire, compulsory flash mode",
24: "Flash did not fire, auto mode",
25: "Flash fired, auto mode",
29: "Flash fired, auto mode, return light not detected",
31: "Flash fired, auto mode, return light detected",
32: "No flash function",
65: "Flash fired, red-eye reduction mode",
69: "Flash fired, red-eye reduction mode, return light not detected",
71: "Flash fired, red-eye reduction mode, return light detected",
73: "Flash fired, compulsory flash mode, red-eye reduction mode",
77: "Flash fired, compulsory flash mode, red-eye reduction mode, return light not detected",
79: "Flash fired, compulsory flash mode, red-eye reduction mode, return light detected",
89: "Flash fired, auto mode, red-eye reduction mode",
93: "Flash fired, auto mode, return light not detected, red-eye reduction mode",
95: "Flash fired, auto mode, return light detected, red-eye reduction mode"
},
SensingMethod: {
1: "Not defined",
2: "One-chip color area sensor",
3: "Two-chip color area sensor",
4: "Three-chip color area sensor",
5: "Color sequential area sensor",
7: "Trilinear sensor",
8: "Color sequential linear sensor"
},
SceneCaptureType: {0: "Standard", 1: "Landscape", 2: "Portrait", 3: "Night scene"},
SceneType: {1: "Directly photographed"},
CustomRendered: {0: "Normal process", 1: "Custom process"},
WhiteBalance: {0: "Auto white balance", 1: "Manual white balance"},
GainControl: {0: "None", 1: "Low gain up", 2: "High gain up", 3: "Low gain down", 4: "High gain down"},
Contrast: {0: "Normal", 1: "Soft", 2: "Hard"},
Saturation: {0: "Normal", 1: "Low saturation", 2: "High saturation"},
Sharpness: {0: "Normal", 1: "Soft", 2: "Hard"},
SubjectDistanceRange: {0: "Unknown", 1: "Macro", 2: "Close view", 3: "Distant view"},
FileSource: {3: "DSC"},
Components: {0: "", 1: "Y", 2: "Cb", 3: "Cr", 4: "R", 5: "G", 6: "B"}
},
v = {
120: "caption",
110: "credit",
25: "keywords",
55: "dateCreated",
80: "byline",
85: "bylineTitle",
122: "captionWriter",
105: "headline",
116: "copyright",
15: "category"
};
F.enableXmp = function () {
F.isXmpEnabled = !0
}, F.disableXmp = function () {
F.isXmpEnabled = !1
}, F.getData = function (t, n) {
return !((self.Image && t instanceof self.Image || self.HTMLImageElement && t instanceof self.HTMLImageElement) && !t.complete) && (e(t) ? n && n.call(t) : i(t, n), !0)
}, F.getTag = function (t, n) {
if (e(t)) return t.exifdata[n]
}, F.getIptcTag = function (t, n) {
if (e(t)) return t.iptcdata[n]
}, F.getAllTags = function (t) {
if (!e(t)) return {};
var n, r = t.exifdata,
i = {};
for (n in r) r.hasOwnProperty(n) && (i[n] = r[n]);
return i
}, F.getAllIptcTags = function (t) {
if (!e(t)) return {};
var n, r = t.iptcdata,
i = {};
for (n in r) r.hasOwnProperty(n) && (i[n] = r[n]);
return i
}, F.pretty = function (t) {
if (!e(t)) return "";
var n, r = t.exifdata,
i = "";
for (n in r) r.hasOwnProperty(n) && ("object" == typeof r[n] ? r[n] instanceof Number ? i += n + " : " + r[n] + " [" + r[n].numerator + "/" + r[n].denominator + "]\r\n" : i += n + " : [" + r[n].length + " values]\r\n" : i += n + " : " + r[n] + "\r\n");
return i
}, F.readFromBinaryFile = function (e) {
return o(e)
}, "function" == typeof define && define.amd && define("exif-js", [], function () {
return F
})
}).call(this);
'use strict';
(function (global) {
var Mavatar = function (option) {
this.el = document.querySelector(option.el);
this.hd = typeof option.hd === "boolean" ? option.hd : true;
this.backgroundColor = option.backgroundColor || "";
this.dataUrl = null;
this.file = null;
this.width = option.width || "300px";
this.height = option.height || "300px";
this.imgWidth = option.imgWidth || "100px";
this.imgHeight = option.imgHeight || "100px";
this.orientation;
this.fileOnchange = option.fileOnchange || null;
this._init()
};
Mavatar.prototype = {
_init: function (option) {
var self = this;
var width = this.width;
var height = this.height;
var el = this.el;
var hd = this.hd;
var MavatarContainer = document.createElement("div");
var MavatarWraper = document.createElement("div");
var canvasBox = document.createElement("div");
var uploadImages = document.createElement("img");
var renderImages = document.createElement("img");
var uploadImagesInput = document.createElement("input");
MavatarWraper.id = "Mavatar-wrapper";
MavatarWraper.style.width = width;
MavatarWraper.style.height = height;
MavatarWraper.style.backgroundColor = "#f0f0f0";
MavatarWraper.style.position = "relative";
MavatarWraper.style.backgroundImage = "url('images/upload.png')";
MavatarWraper.style.backgroundRepeat = "no-repeat";
MavatarWraper.style.backgroundSize = "150px 100px";
MavatarWraper.style.backgroundPosition = "75px 100px";
uploadImagesInput.type = "file";
uploadImagesInput.id = "Mavatar-file";
uploadImagesInput.accept = "image/*";
uploadImagesInput.style.width = width;
uploadImagesInput.style.height = height;
uploadImagesInput.style.position = "absolute";
uploadImagesInput.style.left = 0;
uploadImagesInput.style.top = 0;
uploadImagesInput.style.opacity = 0;
canvasBox.id = "Mavatar-canvasWrapper";
canvasBox.style.width = width;
canvasBox.style.height = height;
canvasBox.style.display = "none";
canvasBox.style.Zindex = 2;
canvasBox.style.overflow = "hidden";
renderImages.id = "Mavatar-render";
renderImages.style.display = "none";
renderImages.style.position = "absolute";
renderImages.style.left = 0;
renderImages.style.top = 0;
renderImages.style.width = width;
uploadImages.id = "Mavatar-img";
canvasBox.appendChild(uploadImages);
MavatarWraper.appendChild(uploadImagesInput);
MavatarWraper.appendChild(canvasBox);
MavatarWraper.appendChild(renderImages);
el.style.width = width;
el.appendChild(MavatarWraper);
document.getElementById("Mavatar-file").addEventListener("change", function (files) {
self.uploadImages(files)
}, false);
var reqAnimationFrame = (function () {
return window[Hammer.prefixed(window, "requestAnimationFrame")] || function (callback) {
window.setTimeout(callback, 1000 / 60)
}
})();
var dragEl = document.querySelector("#Mavatar-img");
this.START_X = 0;
this.START_Y = 0;
var initScale = 1;
var ticking = false;
this.transform;
var mc = new Hammer.Manager(dragEl);
mc.add(new Hammer.Pan({threshold: 0, pointers: 0}));
mc.add(new Hammer.Swipe()).recognizeWith(mc.get("pan"));
mc.add(new Hammer.Rotate({threshold: 0})).recognizeWith(mc.get("pan"));
mc.add(new Hammer.Pinch({threshold: 0})).recognizeWith([mc.get("pan"), mc.get("rotate")]);
mc.on("panmove", onPan);
mc.on("pinchmove", onPinch);
mc.on("panend", function (e) {
self.START_X = self.transform.translate.x;
self.START_Y = self.transform.translate.y
});
mc.on("pinchend", function (e) {
initScale = self.transform.scale
});
function resetElement() {
self.transform = {
translate: {x: self.START_X, y: self.START_Y},
scale: 1,
angle: 0,
rx: 0,
ry: 0,
rz: 0
};
requestElementUpdate()
}
function updateElementTransform() {
var value = ["translate3d(" + self.transform.translate.x + "px, " + self.transform.translate.y + "px, 0)", "scale(" + self.transform.scale + ", " + self.transform.scale + ")", "rotate3d(" + self.transform.rx + "," + self.transform.ry + "," + self.transform.rz + "," + self.transform.angle + "deg)"];
value = value.join(" ");
dragEl.style.WebkitTransform = value;
dragEl.style.MozTransform = value;
dragEl.style.transform = value;
ticking = false
}
function requestElementUpdate() {
if (!ticking) {
reqAnimationFrame(updateElementTransform);
ticking = true
}
}
function onPan(ev) {
self.transform.translate = {x: self.START_X + ev.deltaX, y: self.START_Y + ev.deltaY};
requestElementUpdate()
}
function onPinch(ev) {
if (ev.scale > 1) {
self.transform.scale = initScale + ((ev.scale - 1) / 2)
} else {
self.transform.scale = initScale - ((1 - ev.scale) / 2)
}
requestElementUpdate()
}
resetElement()
},
imageClipper: function (getDataUrl) {
var self = this;
var wrapperDom = document.getElementById("Mavatar-canvasWrapper");
var width = this.width.replace(/[^0-9]/ig, "");
var height = this.height.replace(/[^0-9]/ig, "");
var scaleBy = this.hd ? 2 : 1;
var canvas = document.createElement("canvas");
var rect = wrapperDom.getBoundingClientRect();
canvas.width = width * scaleBy;
canvas.height = height * scaleBy;
canvas.style.width = width + "px";
canvas.style.height = height + "px";
var context = canvas.getContext("2d");
context.scale(scaleBy, scaleBy);
context.translate(-rect.left, -rect.top);
document.getElementById("Mavatar-canvasWrapper").style.backgroundColor = this.backgroundColor ? this.backgroundColor : "";
html2canvas(document.querySelector("#Mavatar-canvasWrapper"), {
canvas: canvas,
logging: false,
backgroundColor: null,
scale: scaleBy,
}).then(function (canvas) {
var dataUrl = canvas.toDataURL("image/png");
self.dataUrl = dataUrl;
typeof getDataUrl === "function" ? getDataUrl(dataUrl) : null;
var MavatarRender = document.getElementById("Mavatar-render");
MavatarRender.style.display = "block";
MavatarRender.src = dataUrl
})
},
getfileInfo: function () {
var file = this.file;
file.width = this.imgWidth;
file.height = this.imgHeight;
return file
},
getformData: function (name, dataurl) {
var timestamp = Date.parse(new Date());
var filename = timestamp + ".png";
var arr = dataurl.split(",");
var mime = arr[0].match(/:(.*?);/)[1];
var bstr = atob(arr[1]);
var n = bstr.length;
var u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
var file = new File([u8arr], filename, {type: mime});
var formData = new FormData();
formData.append(name, file, timestamp + ".png");
return formData
},
getDataUrl: function (dataUrl) {
return this.dataUrl
},
resetImage: function (width, height) {
var self = this;
this.START_X = 0;
this.START_Y = 0;
this.transform = {translate: {x: 0, y: 0}, scale: 1, angle: 0, rx: 0, ry: 0, rz: 0};
var MavatarRender = document.getElementById("Mavatar-render");
MavatarRender.style.display = "none";
MavatarRender.src = "";
document.getElementById("Mavatar-canvasWrapper").style.backgroundColor = "";
var newUploadImagesInput = document.createElement("input");
var oldUploadImagesInput = document.getElementById("Mavatar-file");
newUploadImagesInput.type = "file";
newUploadImagesInput.accept = "image/*";
newUploadImagesInput.id = "Mavatar-file";
newUploadImagesInput.style.width = this.width;
newUploadImagesInput.style.height = this.height;
newUploadImagesInput.style.position = "absolute";
newUploadImagesInput.style.left = 0;
newUploadImagesInput.style.top = 0;
newUploadImagesInput.style.opacity = 0;
document.getElementById("Mavatar-wrapper").replaceChild(newUploadImagesInput, oldUploadImagesInput);
document.getElementById("Mavatar-file").addEventListener("change", function (files) {
self.uploadImages(files)
}, false);
document.getElementById("Mavatar-img").src = "";
document.getElementById("Mavatar-canvasWrapper").style.display = "none"
},
upload: function (option) {
var option = option || {};
var url = option.url;
var name = option.name;
var imgName = (this.file || {}).name || Date.parse(new Date());
var success = option.success || null;
var error = option.error || null;
var data = option.data || null;
var dataURLtoFile = function (dataurl, filename) {
var arr = dataurl.split(",");
var mime = arr[0].match(/:(.*?);/)[1];
var bstr = atob(arr[1]);
var n = bstr.length;
var u8arr = new Uint8Array(n);
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
return new File([u8arr], filename, {type: mime})
};
var file = dataURLtoFile(this.dataUrl, imgName);
var formData = new FormData();
formData.append(name, file, imgName);
if (data) {
for (name in data) {
formData.append(name, data[name])
}
}
var xhr = null;
if (window.XMLHttpRequest) {
xhr = new XMLHttpRequest()
} else {
xhr = new ActiveXObject("Microsoft.XMLHTTP")
}
xhr.open("POST", url, true);
xhr.send(formData);
xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
if (xhr.status == 200 && success) {
success(xhr.responseText)
} else {
if (error) {
error(xhr)
}
}
}
}
},
uploadImages: function (files) {
this.fileOnchange && this.fileOnchange(files);
var self = this;
var _files = files || event.target.files;
var _index = 0;
var reader = new FileReader();
this.file = files.target.files[_index];
reader.readAsDataURL(files.target.files[_index]);
reader.onload = function (event) {
var image = new Image();
image.src = this.result;
image.style.opacity = 0;
image.style.width = "96%";
document.body.appendChild(image);
image.onload = function () {
self.imgWidth = image.offsetWidth;
self.imgHeight = image.offsetHeight;
EXIF.getData(image, function () {
EXIF.getAllTags(this);
var orientation = EXIF.getTag(this, "Orientation");
var rotateCanvas = document.createElement("canvas"),
rotateCtx = rotateCanvas.getContext("2d");
switch (orientation) {
case 1:
rotateCanvas.width = image.offsetWidth;
rotateCanvas.height = image.offsetHeight;
rotateCtx.drawImage(image, 0, 0, image.offsetWidth, image.offsetHeight);
break;
case 6:
rotateCanvas.width = image.offsetHeight;
rotateCanvas.height = image.offsetWidth;
rotateCtx.translate(0, 0);
rotateCtx.rotate(90 * Math.PI / 180);
rotateCtx.drawImage(image, 0, -image.offsetHeight, image.offsetWidth, image.offsetHeight);
break;
case 8:
rotateCanvas.width = image.height;
rotateCanvas.height = image.width;s
rotateCtx.translate(0, 0);
rotateCtx.rotate(-90 * Math.PI / 180);
rotateCtx.drawImage(image, -image.width, 0, image.width, image.height);
break;
case 3:
rotateCanvas.width = image.width;
rotateCanvas.height = image.height;
rotateCtx.translate(0, 0);
rotateCtx.rotate(Math.PI);
rotateCtx.drawImage(image, -image.width, -image.height, image.width, image.height);
break;
default:
rotateCanvas.width = image.width;
rotateCanvas.height = image.height;
rotateCtx.drawImage(image, 0, 0, image.width, image.height)
}
var rotateBase64 = rotateCanvas.toDataURL("image/png", 0.5);
document.getElementById("Mavatar-img").src = rotateBase64;
if (image.offsetHeight > image.offsetWidth) {
var width = self.height.replace(/[^0-9]/ig, "");
document.getElementById("Mavatar-img").style.height = self.height;
document.getElementById("Mavatar-img").style.width = "auto";
var translatex = (width - (image.offsetWidth / (image.offsetHeight / width))) / 2;
self.START_X = translatex;
document.getElementById("Mavatar-img").style.transform = "translate(" + translatex + "px,0px)"
} else {
var height = self.height.replace(/[^0-9]/ig, "");
var translatey = (height - (image.offsetHeight / (image.offsetWidth / height))) / 2;
document.getElementById("Mavatar-img").style.width = self.width;
document.getElementById("Mavatar-img").style.height = "auto";
document.getElementById("Mavatar-img").style.transform = "translate(0px," + translatey + "px)";
self.START_Y = translatey
}
document.body.removeChild(image);
document.getElementById("Mavatar-canvasWrapper").style.display = "block"
})
}
}
}
};
if (typeof module !== "undefined" && module.exports) {
module.exports = Mavatar
}
if (typeof define === "function") {
define(function () {
return Mavatar
})
}
global.Mavatar = Mavatar
})(this);