File was renamed from src/components/ParticleNetwork.vue |
| | |
| | | <template> |
| | | <div class="particle-network-animation" :style="`height:${height}px;width:${width}px`"> |
| | | <div style="display:none"> |
| | | <img ref="conf0" src="../assets/img/login/0.png" /> |
| | | <img ref="conf1" src="../assets/img/login/1.png" /> |
| | | <img ref="conf2" src="../assets/img/login/2.png" /> |
| | | <img ref="conf3" src="../assets/img/login/3.png" /> |
| | | <img ref="conf4" src="../assets/img/login/4.png" /> |
| | | <img ref="conf5" src="../assets/img/login/5.png" /> |
| | | <img ref="conf6" src="../assets/img/login/6.png" /> |
| | | <img ref="conf7" src="../assets/img/login/7.png" /> |
| | | <img ref="conf8" src="../assets/img/login/8.png" /> |
| | | <img ref="conf9" src="../assets/img/login/9.png" /> |
| | | <img ref="conf10" src="../assets/img/login/10.png" /> |
| | | <img ref="conf11" src="../assets/img/login/11.png" /> |
| | | <img ref="conf12" src="../assets/img/login/12.png" /> |
| | | <img ref="conf13" src="../assets/img/login/13.png" /> |
| | | <img ref="conf14" src="../assets/img/login/14.png" /> |
| | | <img ref="conf15" src="../assets/img/login/15.png" /> |
| | | <img ref="conf0" src="/images/login/0.png" /> |
| | | <img ref="conf1" src="/images/login/1.png" /> |
| | | <img ref="conf2" src="/images/login/2.png" /> |
| | | <img ref="conf3" src="/images/login/3.png" /> |
| | | <img ref="conf4" src="/images/login/4.png" /> |
| | | <img ref="conf5" src="/images/login/5.png" /> |
| | | <img ref="conf6" src="/images/login/6.png" /> |
| | | <img ref="conf7" src="/images/login/7.png" /> |
| | | <img ref="conf8" src="/images/login/8.png" /> |
| | | <img ref="conf9" src="/images/login/9.png" /> |
| | | <img ref="conf10" src="/images/login/10.png" /> |
| | | <img ref="conf11" src="/images/login/11.png" /> |
| | | <img ref="conf12" src="/images/login/12.png" /> |
| | | <img ref="conf13" src="/images/login/13.png" /> |
| | | <img ref="conf14" src="/images/login/14.png" /> |
| | | <img ref="conf15" src="/images/login/15.png" /> |
| | | </div> |
| | | </div> |
| | | </template> |
| | |
| | | var prop = this.radius |
| | | // let imgOdr = parseInt(Math.random() * 16, 10); |
| | | var img = that.$refs['conf' + this.imgNumber] |
| | | // img.src = "../../assets/img/login/" + imgOdr + ".png"; |
| | | this.ctx.drawImage( |
| | | img, |
| | | this.x - this.radius * 0.8, |
| | |
| | | } |
| | | .particle-network-animation::before { |
| | | z-index: -3; |
| | | content: ''; |
| | | content: ""; |
| | | position: absolute; |
| | | top: 0; |
| | | right: 0; |