利用canvas绘制动态粒子组成的文字

设计思路

1. 利用canvas画文字；

2.利用属性getImageData获取像素点；

3. 清除画布；

4.筛选有效像素点；

5.画圆（也可以画文字❤）；

6. 创建面向对象的小球；

7.让小球动起来；

---

小球运动思路分析

分析：小球运动过程随机，起点随机，但终点是固定的，就是文字的某个像素点位置；

---

html部分

 <canvas id="cont" width="600px" height="600px">您的浏览器版本过低，请升级浏览器！</canvas>

---

css部分

 canvas {
            margin: 0 auto;
            border: 2px solid #aaa;
            display: block;
        }

JS部分

 <script>
        var canvas = document.querySelector('#cont')
        var ctx = canvas.getContext('2d')

        var w = 600
        var h = 600
        dra