{"version":3,"sources":["webpack:///./src/views/tenants/canvasPoster.vue?e08a","webpack:///./src/views/tenants/canvasPoster.vue?5b69","webpack:///./src/views/tenants/canvasPoster.vue?180a","webpack:///./src/views/tenants/canvasPoster.vue","webpack:///./src/views/tenants/canvasPoster.vue?8d5d","webpack:///./node_modules/@babel/runtime/helpers/esm/createClass.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","model","value","callback","$$v","activeName","expression","_v","on","setCanvasFn","canvasData","$set","addShape","frameData","_l","item","key","frameRotateFn","formatScaleValue","adornArr","activeAdornIndex","type","ref","style","name","width","height","$event","modifyShape","moveShape","upShape","staticRenderFns","bgImg","canvasBgnameValue","id","shape","x","y","imgUrl","isDrag","rotate","scale","frameList","activeFrameIndex","shapeList","adornData","adornValue","fontfamilyList","fontfamilyValue","fontsizevalue","adornRotateValue","font","fontfamily","fontSize","fontColor","c","cxt","dis_x","dis_y","s_x","s_y","lineWidth","isImpact","isDowm","val","delay","that","last","curr","Date","getTime","apply","arguments","Math","PI","clearRect","strokeStyle","beginPath","rect","stroke","length","img","Image","src","onload","frameScaleFn","drawImage","push","e","clientX","getBoundingClientRect","left","clientY","top","isPointInPath","draw","console","log","document","$refs","myCanvas","getContext","components","component","_defineProperties","target","props","i","descriptor","enumerable","configurable","writable","Object","defineProperty","_createClass","Constructor","protoProps","staticProps","prototype"],"mappings":"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","file":"js/chunk-3a467da3.c8d7f2be.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"commonMain\"},[_c('div',{staticClass:\"set-group\"},[_c('el-scrollbar',{staticStyle:{\"height\":\"calc(100% - 60px)\"}},[_c('el-collapse',{attrs:{\"accordion\":\"\"},model:{value:(_vm.activeName),callback:function ($$v) {_vm.activeName=$$v},expression:\"activeName\"}},[_c('el-collapse-item',{attrs:{\"title\":\"模板名称\",\"name\":\"1\"}},[_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"名称：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"请输入模板名称\",\"size\":\"mini\",\"clearable\":\"true\"},on:{\"blur\":_vm.setCanvasFn},model:{value:(_vm.canvasData.name),callback:function ($$v) {_vm.$set(_vm.canvasData, \"name\", $$v)},expression:\"canvasData.name\"}})],1)])]),_c('el-collapse-item',{attrs:{\"title\":\"画布配置\",\"name\":\"2\"}},[_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"宽：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"px\",\"size\":\"mini\"},model:{value:(_vm.canvasData.width),callback:function ($$v) {_vm.$set(_vm.canvasData, \"width\", $$v)},expression:\"canvasData.width\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_c('span',[_vm._v(\"*\")]),_vm._v(\"高：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"px\",\"size\":\"mini\"},model:{value:(_vm.canvasData.height),callback:function ($$v) {_vm.$set(_vm.canvasData, \"height\", $$v)},expression:\"canvasData.height\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"url：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"autosize\":\"\",\"placeholder\":\"图片URL地址\",\"size\":\"mini\"},model:{value:(_vm.canvasData.bgImg),callback:function ($$v) {_vm.$set(_vm.canvasData, \"bgImg\", $$v)},expression:\"canvasData.bgImg\"}})],1)])]),_c('el-collapse-item',{attrs:{\"title\":\"模板框配置\",\"name\":\"3\"}},[_c('div',{staticClass:\"item-group\"},[_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"},on:{\"click\":_vm.addShape}},[_vm._v(\"添加\")]),_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\"保存\")]),_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\"删除\")])],1),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"形状：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-select',{attrs:{\"size\":\"mini\"},model:{value:(_vm.frameData.shape),callback:function ($$v) {_vm.$set(_vm.frameData, \"shape\", $$v)},expression:\"frameData.shape\"}},_vm._l((_vm.shapeList),function(item){return _c('el-option',{key:item,attrs:{\"value\":item}})}),1)],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"ID：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"0\",\"disabled\":\"\",\"size\":\"mini\"},model:{value:(_vm.frameData.id),callback:function ($$v) {_vm.$set(_vm.frameData, \"id\", $$v)},expression:\"frameData.id\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"X坐标：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"0\",\"size\":\"mini\"},model:{value:(_vm.frameData.x),callback:function ($$v) {_vm.$set(_vm.frameData, \"x\", $$v)},expression:\"frameData.x\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"Y坐标：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"0\",\"size\":\"mini\"},model:{value:(_vm.frameData.y),callback:function ($$v) {_vm.$set(_vm.frameData, \"y\", $$v)},expression:\"frameData.y\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"宽度：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"10\",\"size\":\"mini\"},model:{value:(_vm.frameData.width),callback:function ($$v) {_vm.$set(_vm.frameData, \"width\", $$v)},expression:\"frameData.width\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"高度：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"10\",\"size\":\"mini\"},model:{value:(_vm.frameData.height),callback:function ($$v) {_vm.$set(_vm.frameData, \"height\", $$v)},expression:\"frameData.height\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"url：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"图片URL地址\",\"size\":\"mini\"},model:{value:(_vm.frameData.imgUrl),callback:function ($$v) {_vm.$set(_vm.frameData, \"imgUrl\", $$v)},expression:\"frameData.imgUrl\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"拖拽：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-switch',{attrs:{\"active-color\":\"#409EFF\",\"inactive-color\":\"#D2D2D2\"},model:{value:(_vm.frameData.isDrag),callback:function ($$v) {_vm.$set(_vm.frameData, \"isDrag\", $$v)},expression:\"frameData.isDrag\"}})],1)]),_c('div',{staticClass:\"item-group item-flex\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"旋转：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-slider',{attrs:{\"max\":\"180\"},on:{\"input\":_vm.frameRotateFn},model:{value:(_vm.frameData.rotate),callback:function ($$v) {_vm.$set(_vm.frameData, \"rotate\", $$v)},expression:\"frameData.rotate\"}})],1)]),_c('div',{staticClass:\"item-group item-flex\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"缩放：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-slider',{attrs:{\"max\":\"100\",\"format-tooltip\":_vm.formatScaleValue},model:{value:(_vm.frameData.scale),callback:function ($$v) {_vm.$set(_vm.frameData, \"scale\", $$v)},expression:\"frameData.scale\"}})],1)])]),_c('el-collapse-item',{attrs:{\"title\":\"装饰配置\",\"name\":\"4\"}},[_c('div',{staticClass:\"item-group\"},[_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\"添加\")]),_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\"保存\")]),_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\"删除\")])],1),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"装饰：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-select',{attrs:{\"placeholder\":\"请选择\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].type),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"type\", $$v)},expression:\"adornArr[activeAdornIndex].type\"}},_vm._l((_vm.adornData),function(item){return _c('el-option',{key:item,attrs:{\"value\":item}})}),1)],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"ID：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"0\",\"disabled\":\"\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].id),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"id\", $$v)},expression:\"adornArr[activeAdornIndex].id\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"X坐标：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"10\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].x),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"x\", $$v)},expression:\"adornArr[activeAdornIndex].x\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"Y坐标：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"10\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].y),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"y\", $$v)},expression:\"adornArr[activeAdornIndex].y\"}})],1)]),(_vm.adornArr[_vm.activeAdornIndex].type=='图片')?_c('div',[_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"宽度：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"188\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].width),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"width\", $$v)},expression:\"adornArr[activeAdornIndex].width\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"高度：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"24\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].height),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"height\", $$v)},expression:\"adornArr[activeAdornIndex].height\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"url：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"type\":\"textarea\",\"placeholder\":\"600\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].url),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"url\", $$v)},expression:\"adornArr[activeAdornIndex].url\"}})],1)])]):_c('div',[_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"文字：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-input',{attrs:{\"placeholder\":\"24\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].font),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"font\", $$v)},expression:\"adornArr[activeAdornIndex].font\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"字体：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-select',{attrs:{\"placeholder\":\"请选择\",\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].fontfamily),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"fontfamily\", $$v)},expression:\"adornArr[activeAdornIndex].fontfamily\"}},_vm._l((_vm.fontfamilyList),function(item){return _c('el-option',{key:item,attrs:{\"value\":item}})}),1)],1)]),_c('div',{staticClass:\"item-group item-flex\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"字号：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-slider',{attrs:{\"max\":\"100\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].fontSize),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"fontSize\", $$v)},expression:\"adornArr[activeAdornIndex].fontSize\"}})],1)]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"颜色：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-color-picker',{attrs:{\"size\":\"mini\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].fontColor),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"fontColor\", $$v)},expression:\"adornArr[activeAdornIndex].fontColor\"}})],1)])]),_c('div',{staticClass:\"item-group\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"拖拽：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-switch',{attrs:{\"active-color\":\"#409EFF\",\"inactive-color\":\"#D2D2D2\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].isDrag),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"isDrag\", $$v)},expression:\"adornArr[activeAdornIndex].isDrag\"}})],1)]),_c('div',{staticClass:\"item-group item-flex\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"旋转：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-slider',{attrs:{\"max\":\"360\"},model:{value:(_vm.adornArr[_vm.activeAdornIndex].rotate),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"rotate\", $$v)},expression:\"adornArr[activeAdornIndex].rotate\"}})],1)]),_c('div',{staticClass:\"item-group item-flex\"},[_c('div',{staticClass:\"label-group\"},[_vm._v(\"缩放：\")]),_c('div',{staticClass:\"value-group\"},[_c('el-slider',{attrs:{\"format-tooltip\":_vm.formatScaleValue},model:{value:(_vm.adornArr[_vm.activeAdornIndex].scale),callback:function ($$v) {_vm.$set(_vm.adornArr[_vm.activeAdornIndex], \"scale\", $$v)},expression:\"adornArr[activeAdornIndex].scale\"}})],1)])])],1)],1),_c('div',{staticClass:\"btns-group\"},[_c('el-button',{attrs:{\"type\":\"primary\",\"size\":\"mini\"}},[_vm._v(\"渲染模板\")])],1)],1),_c('div',{staticClass:\"canvas-group\"},[_c('canvas',{ref:\"myCanvas\",staticClass:\"canvas-style\",style:(_vm.canvasBgnameValue),attrs:{\"id\":_vm.canvasData.name,\"width\":_vm.canvasData.width,\"height\":_vm.canvasData.height},on:{\"mousedown\":function($event){return _vm.modifyShape($event)},\"mousemove\":function($event){return _vm.moveShape($event)},\"mouseup\":function($event){return _vm.upShape($event)}}},[_vm._v(\"\\n      你的浏览器不支持canvas,请升级你的浏览器\\n    \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\r\nimport { Component, Provide, Vue, Watch } from \"vue-property-decorator\";\r\n@Component({\r\n  components: {}\r\n})\r\nexport default class extends Vue {\r\n  //注入数据 @Provide()\r\n  @Provide()\r\n  private activeName:number = 1;\r\n  private canvasData:any = {\r\n    name:\"myCanvas\",\r\n    width:'824',\r\n    height:'310',\r\n    bgImg:'https://crdfiles.gz.bcebos.com/NavCategory/2019-12-23/series_b.jpg'\r\n  };\r\n  private canvasBgnameValue=\"\";\r\n  private frameData:any = {\r\n    id:0,\r\n    shape: \"矩形\",\r\n    x: 0,\r\n    y: 0,\r\n    width: 20,\r\n    height: 20,\r\n    imgUrl: \"\",\r\n    isDrag: false,\r\n    rotate: 0,\r\n    scale: 0\r\n  };\r\n  private frameList:any = [];\r\n  private activeFrameIndex:number = 0;\r\n  private shapeList:any = [\"矩形\"];\r\n  formatScaleValue(val:any) {\r\n    return val / 10;\r\n  }\r\n  private adornData:any = [\"文字\",\"图片\"];\r\n  private adornValue:string = \"1\"; \r\n  private fontfamilyList:any = [\"Arial\",\"思源宋体\",\"阿里巴巴普惠体\",\"Goudy Trajan\",\"庞门正道标题体\"];\r\n  private fontfamilyValue:string = \"思源宋体\";\r\n  private fontsizevalue:string = \"12px\";\r\n  private adornRotateValue:number = 0;\r\n  private adornArr = [\r\n    {\r\n      id:\"1\",\r\n      type:\"图片\",\r\n      x:\"\",\r\n      y:\"\",\r\n      width:\"\",\r\n      height:\"\",\r\n      imgUrl:\"\",\r\n      font:\"\",\r\n      fontfamily:\"\",\r\n      fontSize:12,\r\n      fontColor:'#CCC',\r\n      isDrag:false,\r\n      rotate:0,\r\n      scale:0\r\n    },\r\n  ];\r\n  private activeAdornIndex:number = 0;\r\n\r\n  private c:any = null;\r\n  private cxt:any = null;\r\n  private x:number=0;//鼠标在canvas上的X坐标\r\n  private y:number=0;//鼠标在canvas上的Y坐标\r\n  private dis_x:number=0;//鼠标点击位置相对于矩形的位置\r\n  private dis_y:number=0;//鼠标点击位置相对于矩形的位置\r\n  private s_x:number=20;//矩形坐标X\r\n  private s_y:number=20;//矩形坐标Y\r\n  private lineWidth:number = 2;\r\n  private isImpact:boolean = false;//碰撞标志\r\n  private isDowm:boolean = false;//鼠标按下标志\r\n\r\n  /**\r\n   * 节流函数\r\n   */\r\n  throttle(callback:any,delay:any){\r\n    let that = this;\r\n    let last:number = 0\r\n    return() => function(){\r\n      var curr = new Date().getTime();\r\n      if (curr - last > delay){\r\n        callback.apply(that, arguments)\r\n        last = curr\r\n      }\r\n    }\r\n  };\r\n  /**\r\n   * 配置画布\r\n   */\r\n  // setCanvasBg(){\r\n  //   let that = this;\r\n  //   let c:any = this.$refs.myCanvas;\r\n  //   that.canvasBgnameValue = \"background-image:url('\"+this.canvasData.bgImg+\"');\";\r\n  //   c.width = that.canvasData.width;\r\n  //   c.height = that.canvasData.height;\r\n  //   that.c = c;\r\n  //   that.cxt = c.getContext(\"2d\");\r\n  // }\r\n  /**\r\n   * 旋转图形\r\n   */\r\n  frameRotateFn(cxt:any){\r\n    if(this.frameData.rotate!=\"\"){\r\n      cxt.rotate(this.frameData.rotate*Math.PI/180);\r\n    }\r\n  };\r\n  /**\r\n   * 缩放图形\r\n   */\r\n  frameScaleFn(cxt:any){\r\n    if(this.frameData.scale!=\"\"){\r\n      cxt.scale(this.frameData.scale,this.frameData.scale);\r\n    }\r\n  }\r\n  draw(){\r\n    let that = this;\r\n    that.cxt.clearRect(0,0,that.canvasData.width,that.canvasData.height);\r\n    if(!that.isDowm){\r\n      that.cxt.strokeStyle=\"#000\";\r\n    }\r\n    else{\r\n      that.cxt.strokeStyle=\"#e03\";\r\n    }\r\n    that.cxt.lineWidth = that.lineWidth;\r\n    that.cxt.beginPath();\r\n    that.cxt.rect(that.frameData.x,that.frameData.y,that.frameData.width,that.frameData.height);\r\n    that.cxt.stroke();\r\n  }\r\n  checkImpact(){\r\n    if(!(this.x-this.dis_x<this.lineWidth||this.x-this.dis_x>this.canvasData.width-this.frameData.width-this.lineWidth||this.y-this.dis_y<this.lineWidth||this.y-this.dis_y>this.canvasData.height-this.frameData.height-this.lineWidth)){\r\n      return true;\r\n    }\r\n    else{\r\n      return false;\r\n    }\r\n  }\r\n  /**\r\n   * 添加数据到图形列表\r\n   */\r\n  addShape(){\r\n    let that = this;\r\n    let id = that.frameList.length + 1;\r\n    that.frameData.id = id;\r\n    if(that.frameData.imgUrl!=\"\"){\r\n      let img = new Image();\r\n      img.src = that.frameData.imgUrl;\r\n      img.onload = function(){\r\n        that.frameRotateFn(that.cxt);\r\n        that.frameScaleFn(that.cxt);\r\n        that.cxt.drawImage(img,that.frameData.x,that.frameData.y,that.frameData.width,that.frameData.height);\r\n      }\r\n      that.frameList.push(this.frameData);\r\n    }\r\n  };\r\n  /**\r\n   * 修改图形参数\r\n   */\r\n  modifyShape(e:any){\r\n    let that = this;\r\n    that.isDowm = true;\r\n    that.x = e.clientX- that.c.getBoundingClientRect().left;\r\n    that.y = e.clientY- that.c.getBoundingClientRect().top;\r\n    if(that.cxt.isPointInPath(that.x,that.y)){\r\n      that.dis_x = that.x - that.s_x;\r\n      that.dis_y = that.y - that.s_y;\r\n      that.draw();\r\n      console.log(document);\r\n      // document.onmousemove = (e)=>{\r\n      //   console.log(\"abc\");\r\n      // };\r\n\t\t }\r\n  }\r\n  // moveShape(e:any){\r\n  //   // let that = this;\r\n  //   that.throttle(function(e){\r\n  //       that.x = e.clientX - that.c.getBoundingClientRect().left;\r\n  //       that.y = e.clientY - that.c.getBoundingClientRect().top;\r\n  //       console.log(that.c.getBoundingClientRect().left);\r\n\r\n  //       if(that.checkImpact()){\r\n  //         that.s_x = that.x - that.dis_x;\r\n  //         that.s_y = that.y - that.dis_y;\r\n  //         that.draw();\r\n  //       }\r\n  //     },17);\r\n  // }\r\n  // upShape(e:any){\r\n  //   let that = this;\r\n  //   that.isDowm = false;\r\n  //   console.log(\"11\");\r\n  //   that.draw();\r\n  // }\r\n\r\n\r\n\r\n\r\n  mounted() {\r\n    let that = this;\r\n    let c:any = that.$refs.myCanvas;\r\n    that.canvasBgnameValue = \"background-image:url('\"+this.canvasData.bgImg+\"');\";\r\n    c.width = that.canvasData.width;\r\n    c.height = that.canvasData.height;\r\n    that.c = c;\r\n    that.cxt = c.getContext(\"2d\");\r\n    that.draw();\r\n  }\r\n}\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canvasPoster.vue?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/ts-loader/index.js??ref--13-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canvasPoster.vue?vue&type=script&lang=ts&\"","import { render, staticRenderFns } from \"./canvasPoster.vue?vue&type=template&id=1c063b30&scoped=true&\"\nimport script from \"./canvasPoster.vue?vue&type=script&lang=ts&\"\nexport * from \"./canvasPoster.vue?vue&type=script&lang=ts&\"\nimport style0 from \"./canvasPoster.vue?vue&type=style&index=0&id=1c063b30&lang=less&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1c063b30\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canvasPoster.vue?vue&type=style&index=0&id=1c063b30&lang=less&scoped=true&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--10-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--10-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--10-oneOf-1-2!../../../node_modules/less-loader/dist/cjs.js??ref--10-oneOf-1-3!../../../node_modules/style-resources-loader/lib/index.js??ref--10-oneOf-1-4!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./canvasPoster.vue?vue&type=style&index=0&id=1c063b30&lang=less&scoped=true&\"","function _defineProperties(target, props) {\n  for (var i = 0; i < props.length; i++) {\n    var descriptor = props[i];\n    descriptor.enumerable = descriptor.enumerable || false;\n    descriptor.configurable = true;\n    if (\"value\" in descriptor) descriptor.writable = true;\n    Object.defineProperty(target, descriptor.key, descriptor);\n  }\n}\n\nexport default function _createClass(Constructor, protoProps, staticProps) {\n  if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n  if (staticProps) _defineProperties(Constructor, staticProps);\n  return Constructor;\n}"],"sourceRoot":""}