BLUE_LG的专栏

本章的最后列举了一个案例，是利用canvas标签制作被称为折线图的相互关联的图形集。接下来的个别章节参考了canvas标准API的说明文档。 大量关于canvas的例子都是基于对变量c的操作。这里的c指的是canvas的CanvasRenderingContext2D对象，但是它的初始化却不像传统变量的初始化。为了让这些例子顺利的在电脑上运行，你自己必须得额外增加一些html的属性（比如画布的高

关于stroke和fill方法有两点值得特别注意。首先，两种方法的操 作都是基于当前路径的所有子路径上。如果我们像下面的代码 那样添加一条新的线段： c.moveTo(300,100); // Begin a new subpath at (300,100) c.lineTo(300,200); // Draw a vertical line to (300,200) 那么当我们想要画出

第一章   画布（canvas）   本书将会讲述如何利用javascript以及html语言的canvas标签在网页里绘制图形。动态的在浏览器里绘制各种复杂的图形而不是从一个服务器下下载这些图形，这算是跨越性的举动了吧： 在客户端，创建这些图形所需的代码量远远来得比那些图片本身要小，节省了大量的空间。图片等数据可以从服务器离线下载到客户端，这样就减轻了服务器的负载，换句话说，这也节省了

画布的3维绘图 在写本书的时候，浏览器的供应商刚开始着手给canvas标签添加 3维的的绘图功能。这个应用叫做WebGL,是javascript绑定到OpenGL里的一个标准应用。为了获得3D绘图的对象，需要把webgl这个字符串传送到上面提到的getContext()方法里。由于WebGL应用是一种庞大的、多功能并且低阶的应用，本书不在多做说明。一般网站开发者更多是用基于WebGL的类库，而