如果对一个不在原点的图形进行旋转变换，那么rotate变换函数会将图形绕着原点旋转而不是在原地旋转。
注意，剪裁过的“阴影”树会先被显示出来，这样一来，真正的树就会按照Z轴顺序（canvas中对象的重叠顺序）显示在阴影的上面。此外，树影的填充用到了CSS的RGBA特性，通过特性我们将透明度值设置为正常情况下的20%。
操作canvas文本的方式与操作其他路径对象的方式相同：可以描绘文本轮廓和填充文本内部；同事，所有能够应用于其他图形的变换和样式都能用于文本。
context对象的文本绘制功能由两个函数组成：
（1）
XML/HTML Code复制内容到剪贴板
fillText(text,x,y,maxwidth)
（2）
XML/HTML Code复制内容到剪贴板
strokeText(text,x,y,maxwidth)
两个函数的参数完全相同，必选参数包括文本参数以及用于指定文本位置的坐标参数。maxwidth是可选参数，用于限制字体大小，它会将文本字体强制收缩到指定尺寸。此外，还有一个measureText函数可供使用，该函数会返回一个度量对象，其中包含了在当前context环境下指定文本的实际显示宽度。
文本呈现相关的context属性
阴影属性
Canvas API最有用的特性之一是允许开发人员直接访问canvas底层的像素数据。
（1）
XML/HTML Code复制内容到剪贴板
context.getImageData(sx,sy,sw,sh)
这个函数返回当前canvas状态并以数值数值的方式显示。具体来说，返回的对象包括三个属性。
width：每行有多少个像素。
height：每列有多少个像素。
data：一维数组，存有从canvans获取的每个像素的RGBA值。该数组为每个像素保存四个值——红、绿、蓝和alpha透明度。每个值都在0到255之间。因此，canvas上的每个像素在这个数组中就变成了四个整数值。数组的填充顺序是从左到右，从上到下。
getImageData函数有四个参数，该函数只返回这四个参数所限定的区域内的数据。只有被x、y、width、height四个参数框定的矩形区域内的canvas上的像素才会被取到。
在给定了width和height的canvas上，在坐标(x,y)上的像素的构成如下。
红色部分：
XML/HTML Code复制内容到剪贴板
((width*y)+x)*4
绿色部分：
XML/HTML Code复制内容到剪贴板
((width*y)+x)*4+1
蓝色部分：
XML/HTML Code复制内容到剪贴板
((width*y)+x)*4+2
透明度部分：
XML/HTML Code复制内容到剪贴板
((width*y)+x)*4+3
