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

1.粒子文本的实现原理 粒子文本的实现原理是:使用两张 canvas,一张是用户看不到的canvas1,用来绘制文本;另一张是用户看到的canvas2,用来根据canvas1中绘制的文本数据来生成粒子。 先在canvas1中用如下的语句绘制待显示的文本。 ctx1.font = '100px PingFang SC'; ctx1.textAlign = 'center'; ctx1.baseline = 'middle'; ctx1.fillText('Happy New Year',canvas1.width/2, canvas1.height/2); 然后使用canvas API的ge