UNPKG

vue-fabric

Version:
1 lines 28.1 kB
!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports["vue-fabric"]=e():t["vue-fabric"]=e()}("undefined"!=typeof self?self:this,function(){return function(t){function e(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return t[r].call(o.exports,o,o.exports,e),o.l=!0,o.exports}var n={};return e.m=t,e.c=n,e.d=function(t,n,r){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:r})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="/",e(e.s=30)}([function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(t,e,n){var r=n(24)("wks"),o=n(25),i=n(0).Symbol,a="function"==typeof i;(t.exports=function(t){return r[t]||(r[t]=a&&i[t]||(a?i:o)("Symbol."+t))}).store=r},function(t,e,n){var r=n(6),o=n(22);t.exports=n(4)?function(t,e,n){return r.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){t.exports=!n(13)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e){t.exports={}},function(t,e,n){var r=n(7),o=n(43),i=n(44),a=Object.defineProperty;e.f=n(4)?Object.defineProperty:function(t,e,n){if(r(t),e=i(e,!0),r(n),o)try{return a(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){var r=n(12);t.exports=function(t){if(!r(t))throw TypeError(t+" is not an object!");return t}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var r=n(17),o=n(10);t.exports=function(t){return r(o(t))}},function(t,e){t.exports=function(t){if(void 0==t)throw TypeError("Can't call method on "+t);return t}},function(t,e,n){var r=n(0),o=n(1),i=n(41),a=n(3),c=n(8),s=function(t,e,n){var u,l,f,d=t&s.F,v=t&s.G,h=t&s.S,p=t&s.P,g=t&s.B,b=t&s.W,m=v?o:o[e]||(o[e]={}),A=m.prototype,y=v?r:h?r[e]:(r[e]||{}).prototype;v&&(n=e);for(u in n)(l=!d&&y&&void 0!==y[u])&&c(m,u)||(f=l?y[u]:n[u],m[u]=v&&"function"!=typeof y[u]?n[u]:g&&l?i(f,r):b&&y[u]==f?function(t){var e=function(e,n,r){if(this instanceof t){switch(arguments.length){case 0:return new t;case 1:return new t(e);case 2:return new t(e,n)}return new t(e,n,r)}return t.apply(this,arguments)};return e.prototype=t.prototype,e}(f):p&&"function"==typeof f?i(Function.call,f):f,p&&((m.virtual||(m.virtual={}))[u]=f,t&s.R&&A&&!A[u]&&a(A,u,f)))};s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,t.exports=s},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e){var n=Math.ceil,r=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?r:n)(t)}},function(t,e,n){var r=n(24)("keys"),o=n(25);t.exports=function(t){return r[t]||(r[t]=o(t))}},function(t,e,n){"use strict";var r=n(35),o=n.n(r),i=n(60),a=n.n(i),c=n(29),s=n.n(c),u=n(66),l=n(72),f=n(73);e.a={name:"VueFabric",props:{id:{type:String,required:!1,default:"fabricCanvas"},width:{type:Number,required:!0},height:{type:Number,required:!0}},data:function(){return{canvas:null,currentObj:null}},created:function(){},mounted:function(){this.canvas=new fabric.Canvas(this.id,{preserveObjectStacking:!0});var t=this.canvas;fabric.Canvas.prototype.customiseControls({tl:{action:"scale"},tr:{action:"scale"},bl:{action:"scale",cursor:"pointer"},br:{action:"scale",cursor:"pointer"},mb:{action:"scale",cursor:"pointer"},mt:{action:"scale",cursor:"pointer"},mtr:{action:"rotate"}}),this.setCornerIcons({}),t.backgroundColor="#ffffff";var e=this;this.canvas.controlsAboveOverlay=!1,this.canvas.skipOffscreen=!0,this.canvas.on("selection:created",function(t){e.$emit("selection:created",t)}),this.canvas.on("mouse:down",function(t){e.$emit("mouse:down",t)}),this.canvas.on("mouse:up",function(t){e.$emit("mouse:up",t)}),this.canvas.on("mouse:move",function(t){e.$emit("mouse:move",t)}),this.canvas.on("mouse:dblclick",function(t){e.$emit("mouse:dblclick",t)}),this.canvas.on("mouse:over",function(t){e.$emit("mouse:over",t)}),this.canvas.on("mouse:out",function(t){e.$emit("mouse:out",t)}),this.canvas.on("object:added",function(t){e.$emit("object:added",t)}),this.canvas.on("object:removed",function(t){e.$emit("object:removed",t)}),this.canvas.on("object:modified",function(t){e.$emit("object:modified",t)}),this.canvas.on("object:rotating",function(t){e.$emit("object:rotating",t)}),this.canvas.on("object:scaling",function(t){e.$emit("object:scaling",t)}),this.canvas.on("object:moving",function(t){e.$emit("object:moving",t)}),this.canvas.on("selection:updated",function(t){e.$emit("selection:updated",t)}),this.canvas.on("selection:cleared",function(t){e.$emit("selection:cleared",t)}),this.canvas.on("before:selection:cleared",function(t){e.$emit("before:selection:cleared",t)})},methods:{setCornerIcons:function(t){var e=t.size,n=void 0===e?20:e,r=t.borderColor,o=void 0===r?"#e4e4e4":r,i=t.cornerBackgroundColor,a=void 0===i?"#ffffff":i,c=t.cornerShape,s=void 0===c?"rect":c,u=t.tl,d=void 0===u?l:u,v=t.tr,h=void 0===v?l:v,p=t.bl,g=void 0===p?l:p,b=t.br,m=void 0===b?l:b,A=t.ml,y=void 0===A?l:A,w=t.mr,x=void 0===w?l:w,j=t.mtr,O=void 0===j?f:j,C=this;fabric.Object.prototype.customiseCornerIcons({settings:{borderColor:o,cornerSize:n,cornerShape:s,cornerBackgroundColor:a},tl:{icon:d},tr:{icon:h},bl:{icon:g},br:{icon:m},ml:{icon:y},mr:{icon:x},mtr:{icon:O}},function(){C.canvas.renderAll()})},drawDottedline:function(t){t=s()({x:0,y:0,x1:10,y1:10,color:"#B2B2B2",drawWidth:2,offset:6,empty:3},t);var e=new fabric.Line([t.x,t.y,t.x1,t.y1],a()({strokeDashArray:[t.offset,t.empty],stroke:t.color,strokeWidth:t.drawWidth},t));this.canvas.add(e),this.canvas.renderAll()},drawArrowLine:function(t){t=s()({x:0,y:0,x1:0,y1:0,color:"#B2B2B2",drawWidth:2,fillColor:"rgba(255,255,255,0)",theta:35,headlen:35},t);var e=new fabric.Path(this.drawArrowBase(t.x,t.y,t.x1,t.y1,t.theta,t.headlen),a()({stroke:t.color,fill:t.fillColor,strokeWidth:t.drawWidth},t));this.canvas.add(e),this.canvas.renderAll()},drawArrowBase:function(t,e,n,r,o,i){o=void 0!==o?o:30,i=void 0!==o?i:10;var a=180*Math.atan2(e-r,t-n)/Math.PI,c=(a+o)*Math.PI/180,s=(a-o)*Math.PI/180,u=i*Math.cos(c),l=i*Math.sin(c),f=i*Math.cos(s),d=i*Math.sin(s),v=t-u,h=e-l,p=" M "+t+" "+e;return p+=" L "+n+" "+r,v=n+u,h=r+l,p+=" M "+v+" "+h,p+=" L "+n+" "+r,v=n+f,h=r+d,p+=" L "+v+" "+h},freeDrawConfig:function(t){t=s()({color:"#b2b2b2",drawWidth:2},t),this.canvas.isDrawingMode=t.isDrawingMode,this.canvas.freeDrawingBrush.color=t.color,this.canvas.freeDrawingBrush.width=t.drawWidth,this.canvas.renderAll()},eraseDrawConfig:function(t){t=s()({color:"white",drawWidth:2},t),this.canvas.freeDrawingBrush.color=t.color,this.canvas.freeDrawingBrush.width=t.drawWidth,this.canvas.renderAll()},removeCurrentObj:function(){var t=this.canvas.getActiveObject();this.canvas.remove(t),this.canvas.renderAll()},getEditObj:function(){var t=this.canvas.getActiveObject();return this.removeCurrentObj(),t},setEditObj:function(t){this.canvas.add(t),this.canvas.renderAll()},setRotate:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:36,e=this.canvas.getActiveObject(),n=e.angle;e.rotate(n+t),this.canvas.renderAll()},discardActive:function(){this.canvas.discardActiveObject(),this.canvas.renderAll()},deactivateAll:function(){},deactivateOne:function(t){this.canvas.getActiveGroup().removeWithUpdate(t),this.canvas.renderAll()},setSelection:function(t){this.canvas.selection=t,this.canvas.renderAll()},moveTo:function(){var t=this.canvas.getActiveObject();console.log(this.canvas.sendBackwards),this.canvas.sendBackwards(t,!0),this.canvas.discardActiveObject()},createRect:function(t){t=s()({width:0,height:0,fillColor:"rgba(255, 255, 255, 0)",left:50,top:50},t);var e=new fabric.Rect(a()({fill:t.fillColor},t));this.canvas.add(e),this.canvas.renderAll()},createCircle:function(t){t=s()({left:0,top:0,radius:30,fillColor:"rgba(255, 255, 255, 0)",color:"#B2B2B2",drawWidth:2},t);var e=a()({fill:t.fillColor,strokeWidth:t.drawWidth,stroke:t.color},t),n=new fabric.Circle(e);this.canvas.add(n),this.canvas.renderAll()},createTriangle:function(t){t=s()({x:0,y:0,x1:0,y1:0,x2:0,y2:0,left:100,top:100,color:"#B2B2B2",drawWidth:2,fillColor:"rgba(255, 255, 255, 0)",id:"triangle"},t);var e="M "+t.x+" "+t.y+" L "+t.x1+" "+t.y1+" L "+t.x2+" "+t.y2+" z",n=new fabric.Path(e,a()({stroke:t.color,strokeWidth:t.drawWidth,fill:t.fillColor},t));this.canvas.add(n),this.canvas.renderAll()},createEqualTriangle:function(t){t=s()({left:100,top:100,width:50,height:80,fillColor:"rgba(255, 255, 255, 0)",color:"#B2B2B2",drawWidth:2},t);var e=new fabric.Triangle(a()({fill:t.fillColor,strokeWidth:t.drawWidth,stroke:t.color},t));this.setContronVisibility(e),this.canvas.add(e),this.canvas.renderAll()},createLine:function(t){t=s()({x:0,y:0,x1:10,y1:10,fillColor:"rgba(255, 255, 255, 0)",strokeColor:"#B0B0B0"},t);var e=new fabric.Line([t.x,t.y,t.x1,t.y1],a()({fill:t.fillColor,stroke:t.strokeColor},t));this.canvas.add(e),this.canvas.renderAll()},createEllipse:function(t){t=s()({rx:100,ry:200,fillColor:"rgba(255, 255, 255, 0)",angle:90,strokeColor:"#B0B0B0",strokeWidth:3,left:50,top:50},t);var e=new fabric.Ellipse(a()({fill:t.fillColor,stroke:t.strokeColor},t));this.canvas.add(e),this.canvas.renderAll()},createText:function(t,e){e=s()({left:100,top:100},e);var n=new fabric.Text(t,a()({},e));this.canvas.add(n),this.canvas.renderAll()},createItext:function(t,e){e=s()({left:0,top:0,fill:"#000"},e);var n=new fabric.IText(t,e);this.canvas.add(n),this.canvas.renderAll()},createTextbox:function(t,e){e.fillColor=e.fillColor?e.fillColor:e.fill,e=s()({fontSize:14,fillColor:"#000000",registeObjectEvent:!1,width:50,left:100,top:100},e);var n=new fabric.Textbox(t,a()({fill:e.fillColor},e));this.canvas.add(n),e.registeObjectEvent&&u.a.registeObjectEvent(this,n),this.canvas.renderAll()},createImageByImg:function(t,e){e=e||{};var n=this.canvas,r=this,o=0,i=0;o=t.width,i=t.height,e&&e.width&&(o=e.width),e&&e.height&&(i=e.height);var a=r.width/2,c=r.height/2;(e&&e.left||e&&0==e.left)&&(a=e.left+o/2),(e&&e.top||e&&0==e.top)&&(c=e.top+i/2);var l=s()(e,{id:e&&e.id?e.id:"image",left:a,top:c,scaleX:o/t.width,scaleY:i/t.height,originX:"center",originY:"center",cornerStrokeColor:"blue"});delete l.width,delete l.height;var f=new fabric.Image(t,l);f.hasControls=!0,f.hasBorders=!0,n.add(f),e&&e.registeObjectEvent&&u.a.registeObjectEvent(r,f),n.renderAll.bind(n)},createImage:function(t,e){e=e||{};var n=this.canvas,r=this;fabric.Image.fromURL(t,function(t){var o=(r.width,0),i=0;o=t.width,i=t.height,e&&e.width&&(o=e.width),e&&e.height&&(i=e.height);var a=r.width/2,c=r.height/2;(e&&e.left||e&&0==e.left)&&(a=e.left+o/2),(e&&e.top||e&&0==e.top)&&(c=e.top+i/2);var l=s()(e,{id:e&&e.id?e.id:"image",left:a,top:c,scaleX:o/t.width,scaleY:i/t.height,originX:"center",originY:"center",cornerStrokeColor:"blue"});delete l.width,delete l.height,console.log("imgOptions",l),t.set(l);t.get("originX"),t.get("originY"),t.getCenterPoint();t.hasControls=!0,t.hasBorders=!0,n.add(t),e&&e.registeObjectEvent&&u.a.registeObjectEvent(r,t),n.renderAll.bind(n)})},toJson:function(){return this.canvas.toJSON()},toDataUrl:function(){return this.canvas.toDataURL({format:"jpeg",quality:1})},loadFromJSON:function(t,e){var n=this.canvas;n.loadFromJSON(t,n.renderAll.bind(n),function(t,n){e(t),n.setControlsVisibility({bl:!0,br:!0,mb:!1,ml:!0,mr:!0,mt:!1,mtr:!0,tl:!0,tr:!0})})},clear:function(){this.canvas.clear()},getObjects:function(){return this.canvas.getObjects()},renderAll:function(){this.canvas.renderAll(this.canvas)},renderTop:function(){this.canvas.renderTop()},setBackgroundColor:function(t){var e=this.canvas;this.canvas.setBackgroundColor(t,e.renderAll.bind(e))},setBackgroundImage:function(t){var e=this.canvas,n={opacity:1,left:0,top:0,angle:0,crossOrigin:null,originX:"left",originY:"top",scaleX:1,scaleY:1};"[object String]"==Object.prototype.toString.call(t)?(console.log("字符串兼容"),n.imgUrl=t):n=s()(n,t),fabric.Image.fromURL(n.imgUrl,function(t){t.set({width:n.width?n.width:e.width,height:n.height?n.height:e.height,originX:"left",originY:"top",scaleX:n.scaleX,scaleY:n.scaleY}),e.setBackgroundImage(t,e.renderAll.bind(e),a()({},n))})},toSvg:function(){return this.canvas.toSVG()},drawControls:function(){var t=document.createElement("canvas"),e=t.getContext("2d");e.setLineDash([]),e.beginPath(),e.ellipse(100,100,50,75,45*Math.PI/180,0,2*Math.PI),e.stroke(),e.setLineDash([5]),e.moveTo(0,200),e.lineTo(200,0),e.stroke(),this.canvas.drawControls(e)},setContronVisibility:function(t){t.setControlsVisibility({bl:!0,br:!0,mb:!1,ml:!0,mr:!0,mt:!1,mtr:!0,tl:!0,tr:!0})},toggleMirror:function(t){t=t||{},t=s()({flip:"X"},t);var e=this.canvas.getActiveObject();"X"===t.flip?e.toggle("flipX"):e.toggle("flipY"),this.renderAll()},toNextLayer:function(){var t=this.canvas.getActiveObject();t&&(t.sendBackwards(!0),this.renderTop())},toBottomLayer:function(){var t=this.canvas.getActiveObject();t&&(t.sendToBack(),this.renderTop())},toLastLayer:function(){var t=this.canvas.getActiveObject();t&&(t.bringForward(!0),this.renderTop())},toTopLayer:function(){var t=this.canvas.getActiveObject();t&&(t.bringToFront(),this.renderTop())},drawByPath:function(t,e){e=s()({fillColor:"rgba(255, 255, 255, 0)",left:150,top:150,strokeColor:"#B0B0B0",strokeWidth:3},e);var n="M ",r=!0,i=!1,c=void 0;try{for(var u,l=o()(t);!(r=(u=l.next()).done);r=!0){var f=u.value;n=n+f[0]+" "+f[1]+" "}}catch(t){i=!0,c=t}finally{try{!r&&l.return&&l.return()}finally{if(i)throw c}}n+="z",console.log(n);var d=new fabric.Path(n);d.set(a()({stroke:e.strokeColor,fill:e.fillColor},e)),this.canvas.add(d)}}}},function(t,e,n){var r=n(18);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==r(t)?t.split(""):Object(t)}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){"use strict";var r=n(20),o=n(11),i=n(45),a=n(3),c=n(5),s=n(46),u=n(27),l=n(54),f=n(2)("iterator"),d=!([].keys&&"next"in[].keys()),v=function(){return this};t.exports=function(t,e,n,h,p,g,b){s(n,e,h);var m,A,y,w=function(t){if(!d&&t in C)return C[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},x=e+" Iterator",j="values"==p,O=!1,C=t.prototype,k=C[f]||C["@@iterator"]||p&&C[p],S=k||w(p),B=p?j?w("entries"):S:void 0,E="Array"==e?C.entries||k:k;if(E&&(y=l(E.call(new t)))!==Object.prototype&&y.next&&(u(y,x,!0),r||"function"==typeof y[f]||a(y,f,v)),j&&k&&"values"!==k.name&&(O=!0,S=function(){return k.call(this)}),r&&!b||!d&&!O&&C[f]||a(C,f,S),c[e]=S,c[x]=v,p)if(m={values:j?S:w("values"),keys:g?S:w("keys"),entries:B},b)for(A in m)A in C||i(C,A,m[A]);else o(o.P+o.F*(d||O),e,m);return m}},function(t,e){t.exports=!0},function(t,e,n){var r=n(12),o=n(0).document,i=r(o)&&r(o.createElement);t.exports=function(t){return i?o.createElement(t):{}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var r=n(49),o=n(26);t.exports=Object.keys||function(t){return r(t,o)}},function(t,e,n){var r=n(1),o=n(0),i=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return i[t]||(i[t]=void 0!==e?e:{})})("versions",[]).push({version:r.version,mode:n(20)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e){var n=0,r=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+r).toString(36))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var r=n(6).f,o=n(8),i=n(2)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,i)&&r(t,i,{configurable:!0,value:e})}},function(t,e,n){var r=n(10);t.exports=function(t){return Object(r(t))}},function(t,e,n){t.exports={default:n(61),__esModule:!0}},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var r=n(31);n.d(e,"Fabric",function(){return r.a})},function(t,e,n){"use strict";var r=n(32),o={install:function(t){t.component(r.a.name,r.a)}};e.a=o},function(t,e,n){"use strict";function r(t){n(33)}var o=n(16),i=n(74),a=n(34),c=r,s=a(o.a,i.a,!1,c,"data-v-1af6f334",null);e.a=s.exports},function(t,e){},function(t,e){t.exports=function(t,e,n,r,o,i){var a,c=t=t||{},s=typeof t.default;"object"!==s&&"function"!==s||(a=t,c=t.default);var u="function"==typeof c?c.options:c;e&&(u.render=e.render,u.staticRenderFns=e.staticRenderFns,u._compiled=!0),n&&(u.functional=!0),o&&(u._scopeId=o);var l;if(i?(l=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),r&&r.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(i)},u._ssrRegister=l):r&&(l=r),l){var f=u.functional,d=f?u.render:u.beforeCreate;f?(u._injectStyles=l,u.render=function(t,e){return l.call(e),d(t,e)}):u.beforeCreate=d?[].concat(d,l):[l]}return{esModule:a,exports:c,options:u}}},function(t,e,n){t.exports={default:n(36),__esModule:!0}},function(t,e,n){n(37),n(55),t.exports=n(57)},function(t,e,n){n(38);for(var r=n(0),o=n(3),i=n(5),a=n(2)("toStringTag"),c="CSSRuleList,CSSStyleDeclaration,CSSValueList,ClientRectList,DOMRectList,DOMStringList,DOMTokenList,DataTransferItemList,FileList,HTMLAllCollection,HTMLCollection,HTMLFormElement,HTMLSelectElement,MediaList,MimeTypeArray,NamedNodeMap,NodeList,PaintRequestList,Plugin,PluginArray,SVGLengthList,SVGNumberList,SVGPathSegList,SVGPointList,SVGStringList,SVGTransformList,SourceBufferList,StyleSheetList,TextTrackCueList,TextTrackList,TouchList".split(","),s=0;s<c.length;s++){var u=c[s],l=r[u],f=l&&l.prototype;f&&!f[a]&&o(f,a,u),i[u]=i.Array}},function(t,e,n){"use strict";var r=n(39),o=n(40),i=n(5),a=n(9);t.exports=n(19)(Array,"Array",function(t,e){this._t=a(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):"keys"==e?o(0,n):"values"==e?o(0,t[n]):o(0,[n,t[n]])},"values"),i.Arguments=i.Array,r("keys"),r("values"),r("entries")},function(t,e){t.exports=function(){}},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var r=n(42);t.exports=function(t,e,n){if(r(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,r){return t.call(e,n,r)};case 3:return function(n,r,o){return t.call(e,n,r,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e,n){t.exports=!n(4)&&!n(13)(function(){return 7!=Object.defineProperty(n(21)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){var r=n(12);t.exports=function(t,e){if(!r(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!r(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!r(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e,n){t.exports=n(3)},function(t,e,n){"use strict";var r=n(47),o=n(22),i=n(27),a={};n(3)(a,n(2)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=r(a,{next:o(1,n)}),i(t,e+" Iterator")}},function(t,e,n){var r=n(7),o=n(48),i=n(26),a=n(15)("IE_PROTO"),c=function(){},s=function(){var t,e=n(21)("iframe"),r=i.length;for(e.style.display="none",n(53).appendChild(e),e.src="javascript:",t=e.contentWindow.document,t.open(),t.write("<script>document.F=Object<\/script>"),t.close(),s=t.F;r--;)delete s.prototype[i[r]];return s()};t.exports=Object.create||function(t,e){var n;return null!==t?(c.prototype=r(t),n=new c,c.prototype=null,n[a]=t):n=s(),void 0===e?n:o(n,e)}},function(t,e,n){var r=n(6),o=n(7),i=n(23);t.exports=n(4)?Object.defineProperties:function(t,e){o(t);for(var n,a=i(e),c=a.length,s=0;c>s;)r.f(t,n=a[s++],e[n]);return t}},function(t,e,n){var r=n(8),o=n(9),i=n(50)(!1),a=n(15)("IE_PROTO");t.exports=function(t,e){var n,c=o(t),s=0,u=[];for(n in c)n!=a&&r(c,n)&&u.push(n);for(;e.length>s;)r(c,n=e[s++])&&(~i(u,n)||u.push(n));return u}},function(t,e,n){var r=n(9),o=n(51),i=n(52);t.exports=function(t){return function(e,n,a){var c,s=r(e),u=o(s.length),l=i(a,u);if(t&&n!=n){for(;u>l;)if((c=s[l++])!=c)return!0}else for(;u>l;l++)if((t||l in s)&&s[l]===n)return t||l||0;return!t&&-1}}},function(t,e,n){var r=n(14),o=Math.min;t.exports=function(t){return t>0?o(r(t),9007199254740991):0}},function(t,e,n){var r=n(14),o=Math.max,i=Math.min;t.exports=function(t,e){return t=r(t),t<0?o(t+e,0):i(t,e)}},function(t,e,n){var r=n(0).document;t.exports=r&&r.documentElement},function(t,e,n){var r=n(8),o=n(28),i=n(15)("IE_PROTO"),a=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),r(t,i)?t[i]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?a:null}},function(t,e,n){"use strict";var r=n(56)(!0);n(19)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=r(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){var r=n(14),o=n(10);t.exports=function(t){return function(e,n){var i,a,c=String(o(e)),s=r(n),u=c.length;return s<0||s>=u?t?"":void 0:(i=c.charCodeAt(s),i<55296||i>56319||s+1===u||(a=c.charCodeAt(s+1))<56320||a>57343?t?c.charAt(s):i:t?c.slice(s,s+2):a-56320+(i-55296<<10)+65536)}}},function(t,e,n){var r=n(7),o=n(58);t.exports=n(1).getIterator=function(t){var e=o(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return r(e.call(t))}},function(t,e,n){var r=n(59),o=n(2)("iterator"),i=n(5);t.exports=n(1).getIteratorMethod=function(t){if(void 0!=t)return t[o]||t["@@iterator"]||i[r(t)]}},function(t,e,n){var r=n(18),o=n(2)("toStringTag"),i="Arguments"==r(function(){return arguments}()),a=function(t,e){try{return t[e]}catch(t){}};t.exports=function(t){var e,n,c;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=a(e=Object(t),o))?n:i?r(e):"Object"==(c=r(e))&&"function"==typeof e.callee?"Arguments":c}},function(t,e,n){"use strict";e.__esModule=!0;var r=n(29),o=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=o.default||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(t[r]=n[r])}return t}},function(t,e,n){n(62),t.exports=n(1).Object.assign},function(t,e,n){var r=n(11);r(r.S+r.F,"Object",{assign:n(63)})},function(t,e,n){"use strict";var r=n(23),o=n(64),i=n(65),a=n(28),c=n(17),s=Object.assign;t.exports=!s||n(13)(function(){var t={},e={},n=Symbol(),r="abcdefghijklmnopqrst";return t[n]=7,r.split("").forEach(function(t){e[t]=t}),7!=s({},t)[n]||Object.keys(s({},e)).join("")!=r})?function(t,e){for(var n=a(t),s=arguments.length,u=1,l=o.f,f=i.f;s>u;)for(var d,v=c(arguments[u++]),h=l?r(v).concat(l(v)):r(v),p=h.length,g=0;p>g;)f.call(v,d=h[g++])&&(n[d]=v[d]);return n}:s},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){"use strict";var r=n(67),o=n.n(r),i=n(68),a=n.n(i),c=function(){function t(){o()(this,t)}return a()(t,[{key:"registeObjectEvent",value:function(t,e){console.log("registeObjectEvent"),e.on("mousedown",function(n){t.$emit("object:mousedown",e,n)}),e.on("mouseup",function(n){t.$emit("object:mouseup",e,n)}),e.on("mousemove",function(n){t.$emit("object:mousemove",e,n)}),e.on("mouseover",function(n){t.$emit("object:mouseover",e,n)}),e.on("mouseout",function(n){t.$emit("object:mouseout",e,n)}),e.on("mousedblclick",function(n){t.$emit("object:mousedblclick",e,n)}),e.on("mousewheel",function(n){t.$emit("object:mousewheel",e,n)})}}]),t}(),s=new c;e.a=s},function(t,e,n){"use strict";e.__esModule=!0,e.default=function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}},function(t,e,n){"use strict";e.__esModule=!0;var r=n(69),o=function(t){return t&&t.__esModule?t:{default:t}}(r);e.default=function(){function t(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),(0,o.default)(t,r.key,r)}}return function(e,n,r){return n&&t(e.prototype,n),r&&t(e,r),e}}()},function(t,e,n){t.exports={default:n(70),__esModule:!0}},function(t,e,n){n(71);var r=n(1).Object;t.exports=function(t,e,n){return r.defineProperty(t,e,n)}},function(t,e,n){var r=n(11);r(r.S+r.F*!n(4),"Object",{defineProperty:n(6).f})},function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAADcUlEQVRoQ+1a7VUVQQxNKhArECsQKwAqMFMBWIFYAViBWIFQwYwVCBWAFYAVKBVcz12zuO+xbz9m5j2R4/7hHM5MJjfJJDeZp7KGz8y2VfVFVzSA7yml29rHaalAM9tS1V0AeyKyo6r8u/IDcCEi16p6AeAypfSzRIdsAGZGRQ9ExFR1K0cJAFQ+ich5SonAZn+zAZjZjoh8HLP0XE3cM+9TStdz9k4GwFARkWNVPZpzwNy1AE5F5MPU0JoEwK0eVXV7rkI56wHQC2+neGMUgJkdeshkxXkOAO7x+8GQOhuSMQiAyqvq51wlauwDQE+sBLESwGNQvjXAEIheAB7zX3PTYw3LLxVBptv9vjvxAIBnm6tNXdipYP1iE8RC4esDcKqq76YK3uQ6AJ9SSgtpfAEAQ0dVrzap1NyzALzuhtIyAMb9IJeZe2Dt9azYKaX9Vu49AHIbVf1a+8B1yAPAu9Bwpy6AM1UlOXv0HwCSPxbY3wA889xUTJt3IkK63BAzVSUBZGg+q2EdVumU0vMuAFLiWEH4HYCjVZXTiyPJWjEQACGllFoP1Eid3wDYWNfl3Rp7gFclBmtTagMghMALsVsgkJbfGVO+le8gGF4lnriMMe61AFCgPJnjIOHqk12Da8UYVd0aNwUA7mKMWVQ7hEBakO0FAC8JoDT/f4kxWo4BQgi8C29y9nIP60ExAABs/05ylDCzE1U9ztn7H0DHan89hDhFy77E3ao4NxTM7EdJ9W8usdeBfzeN1ihkPkEgT580+2TqFhF2fVnp1z39p5CZWTGVcOJGfjIIwpXnjIkEL/tboBJmVoXM0ROc3MUYz/s0CyEccPJWaPlG9DKZ44SZlsuuil2FPaSaKbT/v6HTNRR3effV/2k0NERVgVJkx/Pcjb0tZY1sNFeRzPVN9mn3Pq2xiodScUrNtOzottHBlgNgRmL2WHikG5W+/gVsWfdGR4sOghM6psEqabUCNrasVP7B89PTHK+3FqvRt5Zaf6zfnvTEpKpVZjkzwQzOmHrT6KoDfGrN/nVTF5sX9rDKI18nnEh92cOu9e2AqZLnVH1m7XrGvcGQKhmE9Tn70seS63noXj7Rf2rAV0yOVHLTLeOcoXm2sZ8a9ABhaJGbkC6TNo95hpamlflQQeWLvtEslCPdu67lV/3bsW4t56xfm5TvINZlEx0AAAAASUVORK5CYII="},function(t,e){t.exports="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAEqklEQVRoQ9Va7XEUMQyVKgAqACogVABUgFwBSQWECggVcFRAUoGVCkgqSFIBUAGkAjHvRrvseu1d+3YZJp65P1l/6Mn6eJLD9MAHP3D5aTMAIYRXZvaaiPB7zMxHnXLM7AcR4Ydxy8xXZnatqr/XKnAVABGBsO+ISJj5caswZqbMrGZ2eSiYgwCIiBDRe2YGgNUDN8TMZzHGi9bNmgCIyDMi+rqV4KmwZnZLRB9U9Wr4TUT25qiq+D4a1QBc6xC+ZCr3MAkiwuGw99/dgQ4c4LH2iJmPiehpSdtmdqKq5/guIufMDDMlM7tQVaztRxUAEfmIKy4ceG1mO1WF8NXDtXrsYB5lbuNcVU9E5FenNDODUp40ARARaH2E2jeA4GfpdVcj8IkigogFbb/NgICTw9/6EWMcKX32BkTkjJk/ZjaGne5ahZ2bj4jmQIqmhfXVAGDzzByTQ2Hnx63mUgvUbwM+9KK0pgqAO91N4rAQ/nUuEtQKWDMPvoFER0QTv6i+ARH5loZKMwv/SvMpsDkQizeQMx0z29zmM0KfEhGi3WxGrwHwnZkRs7txHWPcJOMuOHF6bnb6LACPBN+GK83szdpQWWP7IQRk2aLz+h53McaeJOJvozA6zHq+4DLGOIrDS8J4AEDoRVjc36SzUTjmJ1XtWOloK1cezGiSDzpZPGGOaMYIQAjBEu03Oa6I7Jj5/RxIF+LDkiJqv/cAMs57H2OsosiI30SEyDW63pIQTtpgmtvVA2nWzRGnkkAZ01tUoJntuc7ixIUJ/Q2EEGBbr7r5tXHfY/ZNcs4lTAXVF7Rcsm8ze7k2MQ5NCJl3WAZWRZ8Wx88oaUKPW29keAOpA1dpJw1/c2E3E6ZX55gigDRhlDSTRq65dU7Wfg33qj2ndP4WABBJeuLVCOBnjHGY9Vst6G8iy+SAWhNKnb/oO//ahEapvJZCZMIvSGvIqTLjxMjMpVK16ja2CqMj/u79np2Z3XVh1JnmkBSivjgqUYsq6YdcaGUiO2Xmz7WHOj/ahKIXqUSuAzAnYAgBXYkSEUuXNpPExSiECRuQOdwEbDpbDhIRzAadjM0aArN0GrZccsgZXoRsjoYA7L3L7LdmBj8B/8nS6YX9vvp3NLxG3bkUADj8fylocgCc5aJS27Ni1BWq+nw4d9IXCiFAQ31vBppT1TctDrrVXBGJSWNrkvgmAP5XUZ+CLsgxyRvZzlyacPz6mqqzNbeQmo7vlaUdWQCoa5kZztJHE4RVIgJNmLS41wib0TzsHf3YUS1eYgbF3mjhCgECkaCpE10LsFSazvWlDm3unqrql1rBauZ5ux119agOXyptF98HSvWux3U41ajNUSPscI5rHQ8Y6IQ3CY99FgFgUqnN7s59xcy7GONli/DeP0ILBo8ck+7Hkua7s6oAOAhkVzxEZGmCOzkeJPZPTGZ2P3hiQsf5Edjn4Jmp2DBr6cVWA3AQiE4A0XcvWrReMffO3x+qI10TgE4Ar6xA2rYC8tNJ3v5hr2UcBGAIxG0Y5lBioHPyoH8EgndwWF4FIIkm+38z8N4SCvVhp/keTa7O6f0pdt/0atF2bu5mANYKcuj6Bw/gD4lz0U9WT6IDAAAAAElFTkSuQmCC"},function(t,e,n){"use strict";var r=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("canvas",{attrs:{id:t.id,width:t.width,height:t.height}})])},o=[],i={render:r,staticRenderFns:o};e.a=i}])});