Canvas学习系列之DOM CanvasRenderingContext2D

DOM CanvasRenderingContext2D 对象

 

   ---提供了一组用来在画布上绘制的图形函数。

 

• 绘制图像

       图像可以通过<img>元素的Image对象来指定或者通过Image()构造函数创建屏幕外图像来指定。

       使用drawImage()方法在一个画布上绘制图像。允许源图像的任意矩形区域缩放或绘制在画布上。

   

/*
@param image ---要绘制的图像
@param x,y --要绘制图像的左上角的位置
@param width,height --图像绘制的尺寸|可以进行缩放
@param sourceX,sourceY --图像要被绘制的区域的左上角
@param sourceWidth,sourceHeight --图像要绘制区域的大小
@param destX,destY --所要绘制的图像区域的做上角的画布坐标
@param destWidth,destHeight --图像区域要绘制的画布大小
*/

drawImage(image,x,y);
drawImage(image,x,y,width,height);
drawImage(image,sourceX,sourceY,sourceWidth,sourthHeight,destX,destY,destWidth,destHeight);