判断语句实现截取图片

判断句实现截取图片

在canvas中一般会遇到这种情况，比如pic有个src属性，他需要去截取完整图片中的一部分，一般情况下，可以直接用context.drawImage()去截取一部分图片，截取的图片的x,y,w,h是固定的，如果在后面想在截取一部分图片，那么还得重新去计算宽高，并且存取数值，

这种情况下，有一种方法可以很方便地截取一张图片中的某几个部分： 比如一张图片有5个重复的小图片(状态不同)，想从第一张变成第二张，可以用一个变量，选择第几张图片，然后乘一张图片的宽度，可以快速定位到想要的图片，举个例子：

var imgIndex = 0;
this.imgIndex = this.imgIndex ? 0 : 1;
context.drawImage(this.img,this.imgIndex*66, 0, 66, 82, 100 ,200, 66, 82);

这样就可以把五张连续的小图中的第一张和第二张筛选出来，this.imgIndex*66，是筛选截取指定图片的x，其他小图片也可以用这种方法找出来，用一个变量 * 一个小图片的宽，可以定位到任何一张小图片