初识canvas要学习canvas，必先知道canvas为何物？首先canvas只是html5中的一个便签而已，表示的意思是一个画布，它本身没有任何作用，就相当于是一个画板，你可以在它上面画任何你想画的东西，那如果我们不给它设置任何的属性和样式，它的默认状态是什么呢？运行上面的代码可得如下：默认的宽度为300px，高度为150px，当body背景为白色时，它的背景为白色，body背景为灰色时，...

虽然大家都称Canvas为html5的新标签，看起来好像Canvas属于html语言的新知识，但其实Canvas画图是通过javascript来做的。所以，如果你想学习Canvas画图，你必须要有Javascript基础。另外，画图嘛，总有一些图像方面的术语和知识点，所以如果你有过做图或美工经验，学习Canvas会更容易。Canvas，意为画布也。而Html5中的Canvas也真的跟现实生活中的画...

Web之前有一些常见的绘图方式，如AdobeFlash、SVG和VML，此次HTML5元素新添加的Canvas实际上是一个位图画布（bitmapcanvas）。与SVG不同，画在Canvas上的元素无法进行缩放，同时也不是DOM的一部分。Canvas能够成为Web绘图标准，原因有二：其一，由于不用存储画出的每一个元素，所以性能更好；其二，与其他语言的二维绘图API类似，Canvas更容易实现。...

Canvas，意思就是画布。Canvas主要用于图形表示、图表绘制、游戏制作等。这并不是一项非常新颖的技术与应用，在桌面应用程序的开发中，Delphi、VB、VC和C++Builder等众多桌面应用程序开发工具中，都有关于Canvas技术的应用。但是，Canvas在Web中应用是头一次。应用HTML5中的CanvasAPI，网页内容会更加丰富，效果也更加炫目。Canvas在Web上的应用绝对是...

Canvas是依赖分辨率的位图画布，可以在其上绘制任意图形，甚至加载照片。在HTML5中，定义了一系列标准的CanvasAPI，用于绘制图形、创建渐变、处理图像，甚至可以针对像素进行处理。在此，我们先提出两个问题供大家思考。这两个问题是大多数初学者和一些有一定经验的朋友都未必能够准确回答的。请一定仔细思考这两个问题，这是成为Canvas高手的基础问题。问题1：Canvas是不是透明的？问题2：C...

drawImage方法的又一变种是增加了两个用于控制图像在canvas中缩放的参数。drawImage（图像，x，y，宽度，高度）其中宽度和高度分别是图像在画布中显示大小。注意：图像可能会因为大幅度的缩放而变得起杂点或者模糊。如果您的图像里面有文字，那么最好还是不要进行缩放，因为那样处理之后很可能图像里的文字就会变得无法辨认了。图片缩放示例说明在这个例子里，我会用一张图片像背景一样在画布上以重复...

贝塞尔曲线：它可以是二次和三次方的形式，一般用于绘制复杂而有规律的形状。方法：quadraticCurveTo(cp1x,cp1y,x,y)bezierCurveTo(cp1x,cp1y,cp2x,cp2y,x,y)参数x和y是终点坐标，cp1x和cp1y是第一个控制点的坐标，cp2x和cp2y是第二个的。用贝塞尔曲线绘制聊天气泡说明用贝塞尔曲线绘制聊天...

canvas绘制圆形的过程也是画线围边的过程。与传统的Canvas不同，目前Canvas没有fillarc()方法，因此只能采用下面这样的方式实现圆的绘制：ctx.fillStyle="blue";//填充色为蓝色ctx.strokeStyle="red";//描边为红色ctx.lineWidth=2;ctx.arc(200,200,150,0,Math.PI*2,tr...

下面对我们在实际开发中对Canvas应用的具体环境和情况作出的一个思考，在HTML5被越来越多的技术人员和公司接受后，大量的应用开始在Canvas上开发和设计，但是，我们认为并不是所有的地方都必须用Canvas才可以做出好的效果。在某些特定条件下，我们都强烈推荐用户使用css3和DOM，而放弃使用Canvas。有朋友将这种技术现象称为“复古流”。目前HTML5已经越来越多地应用到手机应用开发领域，...

在这里，我们要郑重提醒一些已经学习了Canvas的读者，在设计应用的时候做足相关的技术理论准备工作，在一些基本的问题上花费一些时间，可以避免重大缺陷，并能创造更加令人惊艳的效果。大家想一下两个问题：Canvas是不是透明的？Canvas可不可以互相堆叠在一起？下面我们给出上述两个问题的答案。Canvas是没有背景色的，也就是说Canvas默认是完全透明的，就像一块玻璃，而不是一块画布，如果非要...