基本信息原书名：WebGLProgrammingGuide:Interactive3DGraphicsProgrammingwithWebGL(OpenGL)原出版社：Addison-WesleyProfessional作者：(美)KouichiMatsudaRodgerLea(松田浩一，罗杰.李)译者：谢光磊出版社：电子工业出版社ISBN：9787121229428上架时间：2014-6-11出版日期：2014年6月开本：16开页码：470版次：1-1---------------------目录《WebGL编程指南》第1章WebGL概述1WebGL的优势3使用文本编辑器开发三维应用3轻松发布三维图形程序4充分利用浏览器的功能5学习和使用WebGL很简单5WebGL的起源5WebGL程序的结构6总结7第2章WebGL入门9Canvas是什么？10使用[canvas]标签11DrawRectangle.js13最短的WebGL程序：清空绘图区16HTML文件（HelloCanvas.html）16JavaScript程序（HelloCanvas.js）17用示例程序做实验22绘制一个点（版本1）22HelloPoint1.html24HelloPoint1.js24着色器是什么？25使用着色器的WebGL程序的结构27初始化着色器29顶点着色器31片元着色器33绘制操作34WebGL坐标系统35用示例程序做实验37绘制一个点（版本2）38使用attribute变量38示例程序（HelloPoint2.js）39获取attribute变量的存储位置41向attribute变量赋值42gl.vertexAttrib3f()的同族函数44用示例程序做实验45通过鼠标点击绘点46示例程序（ClickedPoints.js）47注册事件响应函数48响应鼠标点击事件50用示例程序做实验53改变点的颜色55示例程序（ColoredPoints.js）56uniform变量58获取uniform变量的存储地址59向uniform变量赋值60gl.uniform4f()的同族函数61总结62第3章绘制和变换三角形63绘制多个点64示例程序（MultiPoint.js）66使用缓冲区对象69创建缓冲区对象（gl.createBuffer()）70绑定缓冲区（gl.bindBuffer()）71向缓冲区对象中写入数据（gl.bufferData()）72类型化数组74将缓冲区对象分配给attribute变量（gl.vertexAttribPointer()）75开启attribute变量（gl.enableVertexAttribArray()）77gl.drawArrays()的第2个和第3个参数78用示例程序做实验79HelloTriangle80示例程序（HelloTriangle.js）80基本图形82用示例程序做实验83HelloRectangle（HelloQuad）84用示例程序做实验85移动、旋转和缩放86平移87示例程序（TranslatedTriangle.js）88旋转91示例程序（RotatedTriangle.js）93变换矩阵：旋转97变换矩阵：平移1004×4的旋转矩阵101示例程序（RotatedTriangle_Matrix.js）102平移：相同的策略105变换矩阵：缩放106总结108第4章高级变换与动画基础109平移，然后旋转109矩阵变换库：cuon-matrix.js110示例程序（RotatedTriangle_Matrix4.js）111复合变换113示例程序（RotatedTranslatedTriangle.js）115用示例程序做实验117动画118动画基础119示例程序（RotatingTriangle.js）119反复调用绘制函数（tick()）123按照指定的旋转角度绘制三角形（draw()）123请求再次被调用（r

这是一个有趣的功能，可以将html页面任意元素转换成png图片，并可以一键保存下载，支持指定元素里包含img图片元素，可以指定生成的png的名称。

4-7-2(Canvas画布).7z

使用vue2.0开发的基于canvas绘制海报的组件！

祝大家元宵节快乐，HTML5，Canvas祝大家元宵节快乐

1.在画布中的控件A长按能进行控件的连接，只有在控件B范围内抬起控件之间的连线才能连接成功；
2.当控件连线成功后，拖动控件AB之间的连线随着控件的拖动随之变化；
3.控件连线在屏幕上随着手势滑动触碰到连接则断开连线；
4.控件拖动时如拖动到其他控件的范围位置之内则弹回原来的位置且控件的连线也恢复原来的位置（控件在屏幕上不能重叠）；
5.控件放置时如有控件之间的连线相交则也恢复原来的位置（在屏幕上控件间的连线不能相交）；
6.控件拖动到连线上也会弹回；
7.进行控件的连续连接。

canvas，编写的html5,汽车仪表盘插件，原生js,不含jquery。
。
。
。
。
。
。
存手工撸代码

使用canvas以及原生js写的一个五子棋游戏

html5用canvas制作3D烟花效果源码，原生JS，效果很绚丽！

Canvas坦克大战游戏，具备射击，碰撞检测，敌方坦克自动行走等功能

在日常工作中，钉钉打卡成了我生活中不可或缺的一部分。然而，有时候这个看似简单的任务却给我带来了不少烦恼。 每天早晚，我总是得牢记打开钉钉应用，点击"工作台"，再找到"考勤打卡"进行签到。有时候因为工作忙碌，会忘记打卡，导致考勤异常，影响当月的工作评价。而且，由于我使用的是苹果手机，有时候系统更新后，钉钉的某些功能会出现异常，使得打卡变得更加麻烦。 另外，我的家人使用的是安卓手机，他们也经常抱怨钉钉打卡的繁琐。尤其是对于那些不太熟悉手机操作的长辈来说，每次打卡都是一次挑战。他们总是担心自己会操作失误，导致打卡失败。 为了解决这些烦恼，我开始思考是否可以通过编写一个全自动化脚本来实现钉钉打卡。经过一段时间的摸索和学习，我终于成功编写出了一个适用于苹果和安卓系统的钉钉打卡脚本。