canvas学习之透明度和渐变

复习

在上一节中，学习了如何让绘制的图形拥有丰富多样的色彩。这里用到了两个属性。一个是fillStyle = color，对应填充类型的绘制，另一个是strokeStyle=color，对应非填充类型的绘制。这里的color形式多样，只要符合w3c制定的颜色规则就可以。

详细阅读

canvas学习之给绘制出来的图形上色

复习

截止目前，canvas的各种绘制方法我们都已经学习过了，可以绘制出线条，三角形，长方形，圆，圆弧，圆滑的曲线等，在此基础上，拥有足够的创造力，我们可以使用js在canvas画板上画出各种形象来。下面我们对已经学习过的内容进行总复习，然后开启新的篇章，去认识丰富多彩的canvas世界。

详细阅读

canvas学习之圆滑曲线的绘制

复习

上一节学习，我们学习了圆和圆弧的画法。一共有两个方法，第一个是arc(x,y,radius,startAngle,endAngle, anticlockwise)，其中x和y是圆，radius是圆的半径，startAngle和endAngle是圆弧的开始弧度和结束弧度。弧度的计算公式是1弧度 = Math.PI / 180 角度，anticlockwise表示是否按照逆时针的方向绘画， true表示是，false或者不写表示按照顺时针方向绘画。另外一个方法是通过两点绘制一条圆弧，arcTo(x1,y1,x2,y2,radius)。其中x1,y1表示圆弧的起点，x2,y2表示圆弧的终点，radius表示半径。

详细阅读

canvas学习之圆和圆弧的绘制

复习

上一节中学习了绘制三角形和绘制矩形。其中三角形的绘制是利用lineTo(x,y)方法来实现的，学会绘制三角形后，矩形，五角形等更多其它类型的图形，我们都可以做出来了。但是，绘制矩形还有简单的方法，分别是fillReact(x,y,width;height)和strokeRect(x,y,width;height)。另外我们还学习了给图形形上色的一个新的方法fill()。还有一个旧知识的翻新是closePath(),它不仅仅是结束笔触，还能有闭合图形的能力。

详细阅读

canvas练习1

canvas是一个可以使用js脚本在上面做2D画的html元素，是H5上面新出的标签。使用canvas，需要熟悉基本的html和JavaScript知识，现代浏览器基本都支持canvas， 尤其是在手机端，可以不考虑不支持canvas的状况。默认情况下，canvas的大小为300px*150px。

详细阅读