复习

上一节中，我们学习了如何在canvas中绘制文字，分别是使用fillText(text, x, y)和strokeText(text,x,y)接口。对绘制的文字进行阳色的的设置，颜色可以使用fillStyle=color或者fillStroke = color属性，字体大小和指定字体可以使用font=“字体大小 具体字体”属性，对齐方式可以使用textAlign=“对齐方式”,字体方向使用direction属性。

详细阅读

复习

本节之前，我们一直在学习如何在canvas上绘制图形。moveTo和lineTo方法配合使用，我们就能绘制出线条来，同时利用数学方法，我们还能绘制出多种图形来。一些常见的图形，既可以使用线条组合，也可以使用canvas已经提供了的方法，比如 绘制矩形，就有rect方法，fillRect方法，strokeRect方法。绘制圆和圆弧，就有arc方法，arcTo方法。绘制结束时，用fill我们会得到一个填充图形，用stroke我们会得到绘制的线条。

详细阅读

复习

之前我们学习过绘制线条使用stroke()，绘制填充图形使用fill()。给绘制的图形上色使用fillStyle。还学过绘制各种各样的形状。

详细阅读

复习

上一节中我们学习了如何给绘制的内容设置渐变。要想设置线性渐变，需要用creatLinearGradient(x1,y1,x2,y2)创建径向渐变对象，然后在此基础上，通过addColorstop(position, color)来添加渐变颜色。想要设置径向渐变，我们需要使用createRadialGradient(x1,y1,r1,x2,y2,r2)来创造径向渐变对象，然后使用addColorstop(position, color)来添加颜色。最后将这两个对象添加到fillStyle或者strokeStyle属性上，就可以绘制出渐变的图形来。

详细阅读

复习

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

详细阅读

复习

截止目前，canvas的各种绘制方法我们都已经学习过了，可以绘制出线条，三角形，长方形，圆，圆弧，圆滑的曲线等，在此基础上，拥有足够的创造力，我们可以使用js在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表示半径。

详细阅读

复习

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

详细阅读

复习

之前学习了canvas的基础知识和利用canvas画一条追线。

详细阅读