仿黑客帝国片头文字流星雨

文章目录

0. 前言

1. 完整代码

参考文献

---

【关键词】：flex 布局 demo 牛刀小试

  0、前言

　　入坑码农有段时间，一直想些写自己感兴趣的demo，偶然在网上看到这个案例，决定自己try一下 。主要是使用canvas进行绘制，阅读本文没有canvas基础也可以读懂，有详细注释，边看边学也来的及。效果图如下

图一  案例效果图 

  1、完整代码部分

  1 
  2 
  3 
  4 
  5     
  6     
  7     
 12 
 13 
 14 
 15     您的浏览器不支持canvas标签，请您更换浏览器！
 16     
 17     
130 
131 
132 

  参考文献：

　　　　【0】HTML 5 Canvas 参考手册　　　　　 　　http://www.w3school.com.cn/tags/html_ref_canvas.asp

　　　　【1】HTML5 Canvas　　　　　　  　　http://www.runoob.com/html/html5-canvas.html

转载于:https://www.cnblogs.com/zijie-li/p/10188138.html