echarts默认采用canvas渲染,如果想要不失真,可以采用svg方式渲染。
绑定动画 用数组class 用过数组下标识别,在写一个动画通过定时器加载动画 获取数组下标赋值给class 然后在调用每一次随机数据 加入css3动画
加入动画,看起来具有动感
命令行工具 摘星
github网址
canvas中的元素是不可选中的,更适合高能的动画渲染
svg可以,svg的每个图形都是一个dom元素,svg是矢量图
svg是dom元素,包含属性,可以被选中
<script src="https://cdn.jsdelivr.net/npm/echarts@4.7.0/dist/echarts.min.js"></script>
画出来的圆形缺一块,把svg的宽高设置大点就可以了
box-shadow可分别设置四边的影音
canvas api