canvas视频(一) canvas虽然与工作内容无关，但好不容易找到了感兴趣并想玩的东西，所以在工作之余好好学习吧。 之后，希望你能写下很棒的一页。
概念Canvas API (画布)是HTML5中新增的标签，可以在网页中实时生成图像并处理图像内容。 基本上是可以在JavaScript中操作的位图) bitmap。
Canvas对象表示没有自己行为的HTML画布元素，但它定义了支持脚本客户端绘制操作的API。
定义canvas画布与具有自身width和height属性的位图相同，实际上只有这两个属性。 相当于设定了分辨率。不要使用style来设置canvas的宽度和高度
canvas id=' CNV ' width=' 1600 ' height=' 900 '/canvasgetcontext (indomstringcontextid )渲染上下文表示可以显示在画布上
const canvas=document.getelementbyid (CNV )；/*获取2d上下文对象*/const CTX=canvas.get context (' 2d ' )； 进行一些描绘和变换等，最终显示在画面上。 例() 9个不同颜色的小方块) )。
$(document ).ready(function ) { draw； )； //移动function draw ((var CTX=document.getelementbyid ) ' canvas ' ).getcontext ) ' 2d ' )； for(varI=0； i 3； I ) for(varj=0； j 3； j ) ({ ctx.save )； CTX.fillstyle='RGB (() ) I )，)-51 ) I )，255 ) )； CTX.translate (10j * 50，10i * 50 )； CTX.fillrect (0，0，25，25 )； ctx.restore (； }}控制函数setTimeout
设置
requestAnimationFrame
特效插件Martrix.js
Dot.js
waterWave.js
createjs功能强大，值得研究。 在那之后，有时间慢慢写吧
如果遇到值得收藏的教程和页面，请在此添加