ES6实现鼠标滑动特效

ES6实现鼠标滑动特效，大致效果如图

鼠标滑过就会出现小球，小球颜色随机，设置了光晕阴影，小球随机移动变小直到消失

主要代码如下

   <div id="canvasBox">
        <canvas id="canvas">当前浏览器不支持此版本！</canvas>
    </div>
    <script>
        //1.获取当前画布
        const canvas = document.getElementById('canvas');
        const ctx = canvas.getContext('2d'); //获取上下文

        canvas.width = 1000;
        canvas.height = 600;
        canvas.style.background = ' #000'

        //2.小球类
        class Ball{
   
            constructor(x,y,color){
   
                this.x = x;
                this.y = y;
                this.color = color;
                this.r = 35