71.chunk.js
9.94 KB
webpackJsonpecCom([71],{1330:function(t,e,i){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}function n(t,e){var i=this,o=e||{};this.velocityFilterWeight=o.velocityFilterWeight||.7,this.minWidth=o.minWidth||.5,this.maxWidth=o.maxWidth||2.5,this.throttle="throttle"in o?o.throttle:16,this.minDistance="minDistance"in o?o.minDistance:5,this.throttle?this._strokeMoveUpdate=(0,u.default)(n.prototype._strokeUpdate,this.throttle):this._strokeMoveUpdate=n.prototype._strokeUpdate,this.dotSize=o.dotSize||function(){return(this.minWidth+this.maxWidth)/2},this.penColor=o.penColor||"black",this.backgroundColor=o.backgroundColor||"rgba(0,0,0,0)",this.onBegin=o.onBegin,this.onEnd=o.onEnd,this._canvas=t,this._ctx=t.getContext("2d"),this.clear(),this._handleMouseDown=function(t){1===t.which&&(i._mouseButtonDown=!0,i._strokeBegin(t))},this._handleMouseMove=function(t){i._mouseButtonDown&&i._strokeMoveUpdate(t)},this._handleMouseUp=function(t){1===t.which&&i._mouseButtonDown&&(i._mouseButtonDown=!1,i._strokeEnd(t))},this._handleTouchStart=function(t){if(t.preventDefault(),1===t.targetTouches.length){var e=t.changedTouches[0];i._strokeBegin(e)}},this._handleTouchMove=function(t){t.preventDefault();var e=t.targetTouches[0];i._strokeMoveUpdate(e)},this._handleTouchEnd=function(t){t.target===i._canvas&&(t.preventDefault(),i._strokeEnd(t))},this.on()}Object.defineProperty(e,"__esModule",{value:!0});var s=i(1331),a=o(s),r=i(1332),h=o(r),c=i(1333),u=o(c);n.prototype.clear=function(){var t=this._ctx,e=this._canvas;t.fillStyle=this.backgroundColor,t.clearRect(0,0,e.width,e.height),t.fillRect(0,0,e.width,e.height),this._data=[],this._reset(),this._isEmpty=!0},n.prototype.fromDataURL=function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=new Image,n=i.ratio||window.devicePixelRatio||1,s=i.width||this._canvas.width/n,a=i.height||this._canvas.height/n;this._reset(),o.src=t,o.onload=function(){e._ctx.drawImage(o,0,0,s,a)},this._isEmpty=!1},n.prototype.toDataURL=function(t){var e;switch(t){case"image/svg+xml":return this._toSVG();default:for(var i=arguments.length,o=Array(i>1?i-1:0),n=1;n<i;n++)o[n-1]=arguments[n];return(e=this._canvas).toDataURL.apply(e,[t].concat(o))}},n.prototype.on=function(){this._handleMouseEvents(),this._handleTouchEvents()},n.prototype.off=function(){this._canvas.style.msTouchAction="auto",this._canvas.style.touchAction="auto",this._canvas.removeEventListener("mousedown",this._handleMouseDown),this._canvas.removeEventListener("mousemove",this._handleMouseMove),document.removeEventListener("mouseup",this._handleMouseUp),this._canvas.removeEventListener("touchstart",this._handleTouchStart),this._canvas.removeEventListener("touchmove",this._handleTouchMove),this._canvas.removeEventListener("touchend",this._handleTouchEnd)},n.prototype.isEmpty=function(){return this._isEmpty},n.prototype._strokeBegin=function(t){this._data.push([]),this._reset(),this._strokeUpdate(t),"function"===typeof this.onBegin&&this.onBegin(t)},n.prototype._strokeUpdate=function(t){var e=t.clientX,i=t.clientY;if(this.backgroundColor===this.penColor){var o=window.navigator.userAgent,n=o.indexOf("MSIE")>-1||o.indexOf("Trident")>-1,s=this.maxWidth/2;e+=s,n?48===this.maxWidth?i-=10:16===this.maxWidth?i-=25:i-=16:i+=s}var a=this._createPoint(e,i),r=this._data[this._data.length-1],h=r&&r[r.length-1],c=h&&a.distanceTo(h)<this.minDistance;if(!h||!c){var u=this._addPoint(a),d=u.curve,l=u.widths;d&&l&&this._drawCurve(d,l.start,l.end),this._data[this._data.length-1].push({x:a.x,y:a.y,time:a.time,color:this.penColor,maxWidth:this.maxWidth})}},n.prototype._strokeEnd=function(t){var e=this.points.length>2,i=this.points[0];if(!e&&i&&this._drawDot(i),i){var o=this._data[this._data.length-1],n=o[o.length-1];i.equals(n)||o.push({x:i.x,y:i.y,time:i.time,color:this.penColor})}"function"===typeof this.onEnd&&this.onEnd(t)},n.prototype._handleMouseEvents=function(){this._mouseButtonDown=!1,this._canvas.addEventListener("mousedown",this._handleMouseDown),this._canvas.addEventListener("mousemove",this._handleMouseMove),document.addEventListener("mouseup",this._handleMouseUp)},n.prototype._handleTouchEvents=function(){this._canvas.style.msTouchAction="none",this._canvas.style.touchAction="none",this._canvas.addEventListener("touchstart",this._handleTouchStart),this._canvas.addEventListener("touchmove",this._handleTouchMove),this._canvas.addEventListener("touchend",this._handleTouchEnd)},n.prototype._reset=function(){this.points=[],this._lastVelocity=0,this._lastWidth=(this.minWidth+this.maxWidth)/2,this._ctx.fillStyle=this.penColor},n.prototype._createPoint=function(t,e,i){var o=this._canvas.getBoundingClientRect();return new a.default(t-o.left,e-o.top,i||(new Date).getTime())},n.prototype._addPoint=function(t){var e=this.points,i=void 0;if(e.push(t),e.length>2){3===e.length&&e.unshift(e[0]),i=this._calculateCurveControlPoints(e[0],e[1],e[2]);var o=i.c2;i=this._calculateCurveControlPoints(e[1],e[2],e[3]);var n=i.c1,s=new h.default(e[1],o,n,e[2]),a=this._calculateCurveWidths(s);return e.shift(),{curve:s,widths:a}}return{}},n.prototype._calculateCurveControlPoints=function(t,e,i){var o=t.x-e.x,n=t.y-e.y,s=e.x-i.x,r=e.y-i.y,h={x:(t.x+e.x)/2,y:(t.y+e.y)/2},c={x:(e.x+i.x)/2,y:(e.y+i.y)/2},u=Math.sqrt(o*o+n*n),d=Math.sqrt(s*s+r*r),l=h.x-c.x,v=h.y-c.y,_=d/(u+d),p={x:c.x+l*_,y:c.y+v*_},f=e.x-p.x,y=e.y-p.y;return{c1:new a.default(h.x+f,h.y+y),c2:new a.default(c.x+f,c.y+y)}},n.prototype._calculateCurveWidths=function(t){var e=t.startPoint,i=t.endPoint,o={start:null,end:null},n=this.velocityFilterWeight*i.velocityFrom(e)+(1-this.velocityFilterWeight)*this._lastVelocity,s=this._strokeWidth(n);return o.start=this._lastWidth,o.end=s,this._lastVelocity=n,this._lastWidth=s,o},n.prototype._strokeWidth=function(t){return Math.max(this.maxWidth/(t+1),this.minWidth)},n.prototype._drawPoint=function(t,e,i){var o=this._ctx;o.moveTo(t,e),o.arc(t,e,i,0,2*Math.PI,!1),this._isEmpty=!1},n.prototype._drawCurve=function(t,e,i){var o=this._ctx,n=i-e,s=Math.floor(t.length());o.beginPath();for(var a=0;a<s;a+=1){var r=a/s,h=r*r,c=h*r,u=1-r,d=u*u,l=d*u,v=l*t.startPoint.x;v+=3*d*r*t.control1.x,v+=3*u*h*t.control2.x,v+=c*t.endPoint.x;var _=l*t.startPoint.y;_+=3*d*r*t.control1.y,_+=3*u*h*t.control2.y,_+=c*t.endPoint.y;var p=e+c*n;this._drawPoint(v,_,p)}o.closePath(),o.fill()},n.prototype._drawDot=function(t){var e=this._ctx,i="function"===typeof this.dotSize?this.dotSize():this.dotSize;e.beginPath(),this._drawPoint(t.x,t.y,i),e.closePath(),e.fill()},n.prototype._fromData=function(t,e,i){for(var o=0;o<t.length;o+=1){var n=t[o];if(n.length>1)for(var s=0;s<n.length;s+=1){var r=n[s],h=new a.default(r.x,r.y,r.time),c=r.color;if(r.maxWidth&&(this.maxWidth=r.maxWidth),0===s)this.penColor=c,this._reset(),this._addPoint(h);else if(s!==n.length-1){var u=this._addPoint(h),d=u.curve,l=u.widths;d&&l&&e(d,l,c)}}else{this._reset();i(n[0])}}},n.prototype._toSVG=function(){var t=this,e=this._data,i=this._canvas,o=Math.max(window.devicePixelRatio||1,1),n=i.width/o,s=i.height/o,a=document.createElementNS("http://www.w3.org/2000/svg","svg");a.setAttributeNS(null,"width",i.width),a.setAttributeNS(null,"height",i.height),this._fromData(e,function(t,e,i){var o=document.createElement("path");if(!isNaN(t.control1.x)&&!isNaN(t.control1.y)&&!isNaN(t.control2.x)&&!isNaN(t.control2.y)){var n="M "+t.startPoint.x.toFixed(3)+","+t.startPoint.y.toFixed(3)+" C "+t.control1.x.toFixed(3)+","+t.control1.y.toFixed(3)+" "+t.control2.x.toFixed(3)+","+t.control2.y.toFixed(3)+" "+t.endPoint.x.toFixed(3)+","+t.endPoint.y.toFixed(3);o.setAttribute("d",n),o.setAttribute("stroke-width",(2.25*e.end).toFixed(3)),o.setAttribute("stroke",i),o.setAttribute("fill","none"),o.setAttribute("stroke-linecap","round"),a.appendChild(o)}},function(e){var i=document.createElement("circle"),o="function"===typeof t.dotSize?t.dotSize():t.dotSize;i.setAttribute("r",o),i.setAttribute("cx",e.x),i.setAttribute("cy",e.y),i.setAttribute("fill",e.color),a.appendChild(i)});var r='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 '+n+" "+s+'" width="'+n+'" height="'+s+'">',h=a.innerHTML;if(void 0===h){var c=document.createElement("dummy"),u=a.childNodes;c.innerHTML="";for(var d=0;d<u.length;d+=1)c.appendChild(u[d].cloneNode(!0));h=c.innerHTML}var l=r+h+"</svg>";return"data:image/svg+xml;base64,"+btoa(l)},n.prototype.fromData=function(t){var e=this;this.clear(),this._fromData(t,function(t,i){return e._drawCurve(t,i.start,i.end)},function(t){return e._drawDot(t)}),this._data=t},n.prototype.toData=function(){return this._data},e.default=n},1331:function(t,e,i){"use strict";function o(t,e,i){this.x=t,this.y=e,this.time=i||(new Date).getTime()}Object.defineProperty(e,"__esModule",{value:!0}),o.prototype.velocityFrom=function(t){return this.time!==t.time?this.distanceTo(t)/(this.time-t.time):1},o.prototype.distanceTo=function(t){return Math.sqrt(Math.pow(this.x-t.x,2)+Math.pow(this.y-t.y,2))},o.prototype.equals=function(t){return this.x===t.x&&this.y===t.y&&this.time===t.time},e.default=o},1332:function(t,e,i){"use strict";function o(t,e,i,o){this.startPoint=t,this.control1=e,this.control2=i,this.endPoint=o}Object.defineProperty(e,"__esModule",{value:!0}),o.prototype.length=function(){for(var t=0,e=void 0,i=void 0,o=0;o<=10;o+=1){var n=o/10,s=this._point(n,this.startPoint.x,this.control1.x,this.control2.x,this.endPoint.x),a=this._point(n,this.startPoint.y,this.control1.y,this.control2.y,this.endPoint.y);if(o>0){var r=s-e,h=a-i;t+=Math.sqrt(r*r+h*h)}e=s,i=a}return t},o.prototype._point=function(t,e,i,o,n){return e*(1-t)*(1-t)*(1-t)+3*i*(1-t)*(1-t)*t+3*o*(1-t)*t*t+n*t*t*t},e.default=o},1333:function(t,e,i){"use strict";function o(t,e,i){var o,n,s,a=null,r=0;i||(i={});var h=function(){r=!1===i.leading?0:Date.now(),a=null,s=t.apply(o,n),a||(o=n=null)};return function(){var c=Date.now();r||!1!==i.leading||(r=c);var u=e-(c-r);return o=this,n=arguments,u<=0||u>e?(a&&(clearTimeout(a),a=null),r=c,s=t.apply(o,n),a||(o=n=null)):a||!1===i.trailing||(a=setTimeout(h,u)),s}}Object.defineProperty(e,"__esModule",{value:!0}),e.default=o}});
//# sourceMappingURL=71.chunk.js.map?v=ddbdc2dd