HTML canvas 文字粒子化

Posted 2023-05-12

如题我想要把文字变成下面一样由圆圈组成
上面是我自己写的

首先你得把那几个字写成一个三维数组的形式，用0和1标记。然后遍历数组，在数组内容为1的时候用.arc画一个圆。其实就是半径等于1*r 。然后定位每个圆点的位置就好追问

能详细说一下吗

追答

我这有一个简单的demo有点乱，你可以自己看看，有什么问题可以问

追问

你这个感觉好乱，不过谢了

追答

因为这个本来是写着玩的，你就将就着看吧，大概就是遍历数组，有值得话就画一圆，然后定义圆的位置..然后再循环

参考技术A

参考下附件

canvas 粒子文字

 

 

内容太多，大家自行下载学习吧

 源代码和制作教程请下载附件:

 链接：https://pan.baidu.com/s/11Xayu0eQjp2Ajg7Y-v1e0A 
提取码：44rc