分类：js粒子文本

2020
10-08

JavaScript动画实例之粒子文本的实现方法详解

1．粒子文本的实现原理粒子文本的实现原理是：使用两张canvas，一张是用户看不到的canvas1，用来绘制文本；另一张是用户看到的canvas2，用来根据canvas1中绘制的文本数据来生成粒子。先在canvas1中用如下的语句绘制待显示的文本。ctx1.font='100pxPingFangSC';ctx1.textAlign='center';ctx1.baseline='middle';ctx1.fillText('HappyNewYear',canvas1.width/2,canvas1.height/2);然后使用canvasAPI的getImageData方法... 继续阅读 >