实现数组随机抓取数据 实现比赛抽签功能

目的是想要实现点击按钮 随机实现比赛的抽签

效果：

实现

小组赛抽签：抽取8个不重复的 进行随机放置

半决赛抽签这个由于是根据小组赛2进1进行的 所以说半决赛队伍是从上一个小组赛中产生的
因为我8个小组是通过[]获取的

所以我半决赛队伍获取 通过取0·1 2·3.。。。间的随机数就能随机选择一个队伍

决赛也是和半决赛同样操作

svg

这里面我使用的svg来实现动态
面状 points对应的就是四个点的位置


线状

根据svg所带的属性实现了动画效果

 svg line{stroke: #999;stroke-width: 4;fill: none;stroke-dasharray: 43.5;}svg line:fisrt-child{stroke-dashoffset: 0;}@keyframes depict {from {stroke: red;stroke-dashoffset: 100;}to {stroke: red;stroke-dashoffset: 0;}}

交流群 626319356

我作为一个小白，因为个人兴趣自学前端 后端。在学习的道路上独自一人前行，没啥钱也没报啥班，所以想要有共同理想的道友让我们互帮互助，共同成长。
建群目的：
各种学习资料共享
各种学习导图共享
如何学习前端 后端 指点 少走弯路
遇到问题 互相解决 吸取经验
声明
因为自己是个菜鸡 大三非计算机专业 对应专业知识比较薄弱
所以这个群的主要目的是互相成长
如果有大佬愿意帮助我们
我在此表示感谢
欢迎各位道友加入