1 line
2.9 KiB
JavaScript
1 line
2.9 KiB
JavaScript
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-only_test-ot5"],{1814:function(i,a,t){"use strict";t.d(a,"b",(function(){return n})),t.d(a,"c",(function(){return s})),t.d(a,"a",(function(){}));var n=function(){var i=this.$createElement,a=this._self._c||i;return a("v-uni-view",[a("v-uni-canvas",{staticStyle:{width:"300px",height:"300px",border:"2rpx solid #000"},attrs:{"canvas-id":"circleCanvas"}})],1)},s=[]},"62ba":function(i,a,t){"use strict";t.r(a);var n=t("91a7"),s=t.n(n);for(var o in n)["default"].indexOf(o)<0&&function(i){t.d(a,i,(function(){return n[i]}))}(o);a["default"]=s.a},"91a7":function(i,a,t){"use strict";t("6a54"),Object.defineProperty(a,"__esModule",{value:!0}),a.default=void 0;var n={data:function(){return{cavasConfig:{canvasWidth:300,canvasHeight:300,lineWidth:15,radius:73,startAngle:-90,bigRadius:90,cxt:null,colorBg:"#f7c1f5",bigColorBg:"#d1ccf4",color:"#e933dd",bigColor:"#6452da",bigAngle:270,angle:200,startSmallAngle:0,bigStartAngle:0,stop:0,bigStop:0}}},onLoad:function(){},onReady:function(){this.cavasConfig.ctx=uni.createCanvasContext("circleCanvas",this),this.drawCircle("bottom",360,this.cavasConfig.bigRadius,this.cavasConfig.bigColorBg),this.drawCircle("bottom",360,this.cavasConfig.radius,this.cavasConfig.colorBg),this.doAnimation(0),this.doAnimation(1)},methods:{doAnimation:function(i){var a=this;if(0==i){if(1===this.cavasConfig.bigStop)return;this.cavasConfig.bigStartAngle>=this.cavasConfig.bigAngle?(this.cavasConfig.bigStartAngle=this.cavasConfig.bigAngle,this.cavasConfig.bigStop=1):this.cavasConfig.bigStartAngle+=this.cavasConfig.bigAngle/50,this.drawCircle("round",this.cavasConfig.bigStartAngle,this.cavasConfig.bigRadius,this.cavasConfig.bigColor)}else{if(1==this.cavasConfig.stop)return;this.cavasConfig.startSmallAngle>=this.cavasConfig.angle?(this.cavasConfig.startSmallAngle=this.cavasConfig.angle,this.cavasConfig.stop=1):this.cavasConfig.startSmallAngle+=this.cavasConfig.angle/50,this.drawCircle("round",this.cavasConfig.startSmallAngle,this.cavasConfig.radius,this.cavasConfig.color)}requestAnimationFrame((function(){a.doAnimation(i)}))},drawCircle:function(i,a,t,n){this.cavasConfig.ctx.save();var s=this.cavasConfig.canvasWidth/2,o=this.cavasConfig.canvasHeight/2;this.cavasConfig.ctx.lineCap=i;var c=this.cavasConfig.startAngle*Math.PI/180,e=(a+this.cavasConfig.startAngle)*Math.PI/180;this.cavasConfig.ctx.beginPath(),this.cavasConfig.ctx.arc(s,o,t,c,e),this.cavasConfig.ctx.lineWidth=this.cavasConfig.lineWidth,this.cavasConfig.ctx.strokeStyle=n,this.cavasConfig.ctx.stroke(),this.cavasConfig.ctx.closePath(),this.cavasConfig.ctx.restore(),this.cavasConfig.ctx.draw(!0)}}};a.default=n},ff2d:function(i,a,t){"use strict";t.r(a);var n=t("1814"),s=t("62ba");for(var o in s)["default"].indexOf(o)<0&&function(i){t.d(a,i,(function(){return s[i]}))}(o);var c=t("828b"),e=Object(c["a"])(s["default"],n["b"],n["c"],!1,null,null,null,!1,n["a"],void 0);a["default"]=e.exports}}]); |