用JS如何实现炫酷代码墙

首先，你需要了解什么是Canvas？

canvas是HTML5提供的一种新标签。

canvas 的意思是“画布”。画布是一个矩形区域，您可以控制其每一像素。

用于图形的绘制，也可用于创建图片特效和动画。通过脚本(JavaScipt)来完成。

如果刚刚接触canvas的小伙伴，在获取 Canvas 后，获取上下文使用属性方法时，没有代码补全提示，可以通过在获取 canvas 对象的前一行，加上下面这行注释，即可获得 Canvas 全部代码补全。

/** @type {HTMLCanvasElement} */

成品展示 

 

那么首先我们需要把26个英文字母（静态）渲染在页面上（密密麻麻的）

代码如下：

<canvas id="cvs" style="background-color: #000;" width="1920" height=&