{"version":3,"sources":["webpack:///src/pages/Common/HomeCompents/map.vue","webpack:///./src/pages/Common/HomeCompents/map.vue?95ee","webpack:///./src/pages/Common/HomeCompents/map.vue"],"names":["map","data","dian1","x","y","dian2","dian3","dian4","dianD","sum","sum2","data2","last","last2","created","watch","props","mounted","this","begin","methods","_this","i","t1","setInterval","Math","floor","random","hua","t2","hua2","setTimeout","clearInterval","Draw","Draw2","lastx","lasty","ifdian","ctx","document","getElementById","getContext","beginPath","strokeStyle","lineWidth","lineJoin","moveTo","lineTo","closePath","stroke","HomeCompents_map","render","$createElement","_self","_c","_m","staticRenderFns","_h","staticClass","attrs","id","width","height","_v","Component","__webpack_require__","normalizeComponent","ssrContext","__webpack_exports__"],"mappings":"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","file":"static/js/15.1204cc1b9b130b094be7.js","sourcesContent":["<!-- 设置车辆 -->\r\n<template>\r\n  <div class=\"main\">\r\n    <canvas id=\"mycanvas\" width=\"1000px\" height=\"500Px\"></canvas>\r\n    <canvas id=\"mycanvas2\" width=\"1000px\" height=\"500Px\"></canvas>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters } from \"vuex\";\r\nexport default {\r\n  data() {\r\n    return {\r\n        dian1:{\r\n          x:10,\r\n          y:10\r\n        },\r\n        dian2:{\r\n          x:400,\r\n          y:10\r\n        },\r\n        dian3:{\r\n          x:400,\r\n          y:400\r\n        },\r\n        dian4:{\r\n          x:100,\r\n          y:400\r\n        },\r\n        dianD:{\r\n          x:'',\r\n          y:''\r\n        },\r\n        sum:0,\r\n        sum2:0,\r\n        data:{\r\n          x:'',\r\n          y:''\r\n        },\r\n        data2:{\r\n          x:'',\r\n          y:''\r\n        },\r\n        last:{\r\n          x:'',\r\n          y:''\r\n        },\r\n        last2:{\r\n          x:'',\r\n          y:''\r\n        }\r\n    }\r\n  },\r\n  created(){\r\n\r\n  },\r\n  watch: {\r\n  },\r\n  props: {\r\n\r\n  },\r\n  mounted() {\r\n    this.begin()\r\n\r\n  },\r\n  methods: {\r\n    begin(){\r\n      var i=0;\r\n      var t1=setInterval(() => {\r\n          i+=20\r\n          if(i>500){\r\n            i-=20\r\n          }\r\n          this.data.x=Math.floor(Math.random() * (10 - 1)) + 1+i\r\n          this.data.y=Math.floor(Math.random() * (10 - 1)) + 1+i\r\n          this.hua()\r\n      }, 100);\r\n      var t2=setInterval(() => {\r\n          this.data2.x=Math.floor(Math.random() * (400 - 1)) + 1\r\n          this.data2.y=Math.floor(Math.random() * (400 - 1)) + 1\r\n          this.hua2()\r\n      }, 1000);\r\n      setTimeout(()=>{\r\n        clearInterval(t1)\r\n        clearInterval(t2)\r\n      },5000)\r\n    },\r\n    hua(){\r\n      if(this.sum==0){\r\n        this.Draw(this.data.x,this.data.y,1)\r\n      }else{\r\n        this.Draw(this.data.x,this.data.y)\r\n      }\r\n    },\r\n    hua2(){\r\n      if(this.sum2==0){\r\n        this.Draw2(this.data2.x,this.data.y,2)\r\n      }else{\r\n        this.Draw2(this.data2.x,this.data.y)\r\n      }\r\n    },\r\n    Draw(lastx, lasty,ifdian) {\r\n      const ctx=document.getElementById('mycanvas').getContext('2d');\r\n            ctx.beginPath();\r\n            ctx.strokeStyle = '#2DAFF5';\r\n            ctx.lineWidth = 2;\r\n            ctx.lineJoin = \"round\";\r\n            var beginx=0;\r\n            var beginy=0;\r\n            if(ifdian){\r\n              this.sum=1;\r\n              this.last.x=lastx;\r\n              this.last.y=lasty;\r\n              if(ifdian==1){\r\n                ctx.moveTo(this.dian1.x, this.dian1.y);\r\n              }else if(ifdian==2){\r\n                ctx.moveTo(this.dian2.x, this.dian2.y);\r\n              }else if(ifdian==3){\r\n                ctx.moveTo(this.dian3.x, this.dian3.y);\r\n              }else if(ifdian==4){\r\n                ctx.moveTo(this.dian4.x, this.dian4.y);\r\n              }\r\n            }else{\r\n              ctx.moveTo(this.last.x, this.last.y);\r\n              this.last.x=lastx;\r\n              this.last.y=lasty;\r\n            }\r\n            ctx.lineTo(lastx, lasty);\r\n            ctx.closePath();\r\n            ctx.stroke();\r\n    },\r\n    Draw2(lastx, lasty,ifdian) {\r\n      const ctx=document.getElementById('mycanvas2').getContext('2d');\r\n            ctx.beginPath();\r\n            ctx.strokeStyle = 'pink';\r\n            ctx.lineWidth = 2;\r\n            ctx.lineJoin = \"round\";\r\n            var beginx=0;\r\n            var beginy=0;\r\n            if(ifdian){\r\n              this.sum2=1;\r\n              this.last2.x=lastx;\r\n              this.last2.y=lasty;\r\n              if(ifdian==1){\r\n                ctx.moveTo(this.dian1.x, this.dian1.y);\r\n              }else if(ifdian==2){\r\n                ctx.moveTo(this.dian2.x, this.dian2.y);\r\n              }else if(ifdian==3){\r\n                ctx.moveTo(this.dian3.x, this.dian3.y);\r\n              }else if(ifdian==4){\r\n                ctx.moveTo(this.dian4.x, this.dian4.y);\r\n              }\r\n            }else{\r\n              ctx.moveTo(this.last2.x, this.last2.y);\r\n              this.last2.x=lastx;\r\n              this.last2.y=lasty;\r\n            }\r\n            ctx.lineTo(lastx, lasty);\r\n            ctx.closePath();\r\n            ctx.stroke();\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"less\">\r\n#mycanvas,#mycanvas2{\r\n  width: 600px;\r\n  height: 500px;\r\n  position: absolute;\r\n  // background-color: palegoldenrod;\r\n}\r\n</style>\r\n\n\n\n// WEBPACK FOOTER //\n// src/pages/Common/HomeCompents/map.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('canvas',{attrs:{\"id\":\"mycanvas\",\"width\":\"1000px\",\"height\":\"500Px\"}}),_vm._v(\" \"),_c('canvas',{attrs:{\"id\":\"mycanvas2\",\"width\":\"1000px\",\"height\":\"500Px\"}})])}]\nvar esExports = { render: render, staticRenderFns: staticRenderFns }\nexport default esExports\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-965da8a4\",\"hasScoped\":true,\"transformToRequire\":{\"video\":[\"src\",\"poster\"],\"source\":\"src\",\"img\":\"src\",\"image\":\"xlink:href\"},\"buble\":{\"transforms\":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/Common/HomeCompents/map.vue\n// module id = null\n// module chunks = ","function injectStyle (ssrContext) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true,\\\"publicPath\\\":\\\"../../\\\"}!vue-style-loader!css-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/style-compiler/index?{\\\"vue\\\":true,\\\"id\\\":\\\"data-v-965da8a4\\\",\\\"scoped\\\":true,\\\"hasInlineConfig\\\":false}!less-loader?{\\\"sourceMap\\\":true}!../../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./map.vue\")\n}\nvar normalizeComponent = require(\"!../../../../node_modules/vue-loader/lib/component-normalizer\")\n/* script */\nexport * from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./map.vue\"\nimport __vue_script__ from \"!!babel-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0!./map.vue\"\n/* template */\nimport __vue_template__ from \"!!../../../../node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-965da8a4\\\",\\\"hasScoped\\\":true,\\\"transformToRequire\\\":{\\\"video\\\":[\\\"src\\\",\\\"poster\\\"],\\\"source\\\":\\\"src\\\",\\\"img\\\":\\\"src\\\",\\\"image\\\":\\\"xlink:href\\\"},\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/vue-loader/lib/selector?type=template&index=0!./map.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-965da8a4\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_template__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/pages/Common/HomeCompents/map.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}