| 12 |
- webpackJsonp([15],{D6gu:function(t,a){},rkqn:function(t,a,i){"use strict";Object.defineProperty(a,"__esModule",{value:!0});i("NYxO");var s={data:function(){return{dian1:{x:10,y:10},dian2:{x:400,y:10},dian3:{x:400,y:400},dian4:{x:100,y:400},dianD:{x:"",y:""},sum:0,sum2:0,data:{x:"",y:""},data2:{x:"",y:""},last:{x:"",y:""},last2:{x:"",y:""}}},created:function(){},watch:{},props:{},mounted:function(){this.begin()},methods:{begin:function(){var t=this,a=0,i=setInterval(function(){(a+=20)>500&&(a-=20),t.data.x=Math.floor(9*Math.random())+1+a,t.data.y=Math.floor(9*Math.random())+1+a,t.hua()},100),s=setInterval(function(){t.data2.x=Math.floor(399*Math.random())+1,t.data2.y=Math.floor(399*Math.random())+1,t.hua2()},1e3);setTimeout(function(){clearInterval(i),clearInterval(s)},5e3)},hua:function(){0==this.sum?this.Draw(this.data.x,this.data.y,1):this.Draw(this.data.x,this.data.y)},hua2:function(){0==this.sum2?this.Draw2(this.data2.x,this.data.y,2):this.Draw2(this.data2.x,this.data.y)},Draw:function(t,a,i){var s=document.getElementById("mycanvas").getContext("2d");s.beginPath(),s.strokeStyle="#2DAFF5",s.lineWidth=2,s.lineJoin="round";i?(this.sum=1,this.last.x=t,this.last.y=a,1==i?s.moveTo(this.dian1.x,this.dian1.y):2==i?s.moveTo(this.dian2.x,this.dian2.y):3==i?s.moveTo(this.dian3.x,this.dian3.y):4==i&&s.moveTo(this.dian4.x,this.dian4.y)):(s.moveTo(this.last.x,this.last.y),this.last.x=t,this.last.y=a),s.lineTo(t,a),s.closePath(),s.stroke()},Draw2:function(t,a,i){var s=document.getElementById("mycanvas2").getContext("2d");s.beginPath(),s.strokeStyle="pink",s.lineWidth=2,s.lineJoin="round";i?(this.sum2=1,this.last2.x=t,this.last2.y=a,1==i?s.moveTo(this.dian1.x,this.dian1.y):2==i?s.moveTo(this.dian2.x,this.dian2.y):3==i?s.moveTo(this.dian3.x,this.dian3.y):4==i&&s.moveTo(this.dian4.x,this.dian4.y)):(s.moveTo(this.last2.x,this.last2.y),this.last2.x=t,this.last2.y=a),s.lineTo(t,a),s.closePath(),s.stroke()}}},n={render:function(){this.$createElement;this._self._c;return this._m(0)},staticRenderFns:[function(){var t=this.$createElement,a=this._self._c||t;return a("div",{staticClass:"main"},[a("canvas",{attrs:{id:"mycanvas",width:"1000px",height:"500Px"}}),this._v(" "),a("canvas",{attrs:{id:"mycanvas2",width:"1000px",height:"500Px"}})])}]};var e=i("VU/8")(s,n,!1,function(t){i("D6gu")},"data-v-965da8a4",null);a.default=e.exports}});
|
