步骤分解实现 getPixels 方法用于将目标转换成像素点，该方法返回一个像素点数组[{x, y, rgba}]，xy 为像素点的位置，rgba 为对应颜色。实现逻辑主要通过 canvas getImageData 方法获取像素数据然后遍历找出有颜色的像素点。实现粒子类用于将像素点数据转换成粒子对象，在后面动画帧里会操作粒子对象移动完成动画成像，粒子对象包含 x, y, tx, ty, colo...
图片/文字粒子化首先需要取得图片或者文字的像素点，可以将它们绘制到 canvas 上得到它们的像素点，主要使用 getImageData(x, y, width, height) 方法获取。然后通过遍历画布的大小得到每个位置像素点，为了让粒子之间互相有间隔，遍历的时候用一个变量来控制像素点数量，最后再将透明的点(alpha值小于128)过滤掉即可得到最终的像素点。离散动画实现将粒子目标位置xy与当...
...
