Mr.J--代码雨（ Matrix）

目录

画布

canvas 属性

height 属性

width 属性

CSS布局

Js核心代码

设置画布面积

字体设置

函数实现字体绘制

定时器实现动态掉落

Html页面

效果展示

---

1.你有过这种感觉没有，就是你吃不准自己是醒着还是在做梦

2.你执着于耳听为虚，眼见为实，大凡这种人都有大彻大悟的期待，聊可安慰的是，如此就已经离真理不远了。

3.信命运吗？尼欧。

不信

为什么不信？

所谓命运，就是指身不由己，我不喜欢这种概念。

4.同其他任何人一样，一出世，你就是奴隶，出世就是进监狱，不能去嗅、去尝、去触摸，当一辈子囚犯，一个头脑遭禁锢的囚犯。

5.什么叫真？你怎样给真下定义，如果你说真就是你能感觉到的东西，你能闻到的气味，你能尝到的味道，那么这个真就是你大脑作出反应的电子信号。

看了上面的语录，只要看过《黑客帝国》（ 原名《 Matrix》）的同学都知道这些。其中电影开头的代码雨，相信大家都非常熟悉。这次就聊一下我做防黑客帝国代码雨的感想。

画布

canvas 属性

<canvas> 标签定义图形，比如图表和其他图像。

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。Canvas 对象表示一个 HTML 画布元素 - <canvas>。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。