canvas操作图片& 设置背景

**

canvas操作图片:

**
在画布上插入图片：
在canvas中获取图片的路径：
var img = new Image();
img.src = “路径”
ctx.drawImage(img,x,y,img.width,img.heigth)方法

**

在canvas设置背景：

**
ctx.createPatter(图片，平铺方式)方法
这个方法有返回值，如果我们想要对我们的画布设置背景
例：
var patter = ctx.createPatter(图片，平铺方式);
ctx.fillStyle = patter

平铺方式：
repeat：平铺
repeat-x：延x轴平铺
repeat-y：延y轴平铺
no-repeat：不平铺

**

渐变：

**
ctx.createLinearGradient（x1,y1,x2,y2）;这个也存在返回值 这里的x1,x2,y1,y2是确定渐变的区域大小
var gradient = ctx.createLinearGradient（x1,y1,x2,y2）;
ctx.fillStyle = gradient;
第二步：确定颜色和倍数（）倍数我们还是可以去0~1.0的小数
gradient.addColorStop(0,“red”); //从0开始
gradient.addColorStop(.5,“yellow”);、//到一半
gradient.addColorStop(1,“green”);//到最后