借助canvas根据drawImage中的img获取对应背景色

1.基础概念：

canvas.getContext（type）

type：'2d'//建立一个二维的环境对象

          '3d'//建立一个二维的环境对象

drawImage（img,sx,sy,swidth,sheight,x,y,width,height)

参数注解

img	图片对象
sx	开始裁剪的x轴坐标
sy	开始裁剪的y轴坐标
swidth	裁剪的宽度
sheight	裁剪的高度
x	图片放置的x轴坐标
y	图片放置的y轴坐标
width	展示图片宽度
height	展示图片高度

getImageData（x,y,width,height)//复制画布上指定矩形的像素数据

参数注解

x	像素数据x轴坐标
y	像素数据y轴坐标
width	像素数据矩形宽度
height	像素数据矩形高度