Cp0裁剪和绘制图像裁剪区域clip()使用Canvas绘制图像的时候，我们经常会想要只保留图像的一部分，这是我们可以使用canvasAPI再带的图像裁剪功能来实现这一想法。CanvasAPI的图像裁剪功能是指，在画布内使用路径

Cp0使用切点绘制圆弧arcTo()介绍arcTo()方法接收5个参数，分别是两个切点的坐标和圆弧半径。这个方法是依据切线画弧线，即由两个切线确定一条弧线。具体如下。arcTo(x1,y1,x2,y2,radius)这个函数以给

Cp9全局阴影与图像合成阴影效果创建阴影效果需要操作以下4个属性：context.shadowColor：阴影颜色。context.shadowOffsetX：阴影x轴位移。正值向右，负值向左。context.shadowOffs

Ch9绘制标准圆弧高级路径今天开始，我们就要征战路径最后也是最难的部分了——高级路径。之前我们学习的都是绘制线条（基本路径），接下来的四节课我们详细看看绘制曲线（高级路径）的有关方法。剧透一下，主要有四个方法：标准圆弧：arc()

Cp8文本对齐与度量文本对齐水平对齐textAligncontext.textAlign="center|end|left|right|start";其中各值及意义如下表。值描述start默认。文本在指定的位置开始。end文

Ch8填充样式createPattern()简介纹理其实就是图案的重复，填充图案通过createPattern()函数进行初始化。它需要传进两个参数createPattern(img,repeat-style)，第一个是Image对象

Cp7文本显示与渲染文本API简介今天我们开始征战一个全新的内容——HTML5Canvas的文本API！要知道，艺术家通常同时也是一个书法家，所以我们要学习写字，而且是写出漂亮的字。是不是很有意思？好了，先预告一下Canvas文

Ch7填充颜色艺术离不开色彩，今天咱们来介绍一下填充颜色，体会一下色彩的魅力。填充颜色主要分为两种：基本颜色渐变颜色（又分为线性渐变与径向渐变）我们一个个来看。填充基本颜色CanvasfillStyle属性用来设置画布上形状的

Cp6矩阵变换变换矩阵之前三节所说的坐标变换的三种方式——平移translate()，缩放scale()，以及旋转rotate()都可以通过transform()做到。在介绍矩阵变换transform()前，我们来说一说什么是变换矩

Ch6线条的属性线条属性概述线条的属性共有以下四个：1、lineCap属性lineCap定义上下文中线的端点，可以有以下3个值。butt：默认值，端点是垂直于线段边缘的平直边缘。round：端点是在线段边缘处以线宽为直径的