HTML5 Canvas渐进填充与透明实现图像的Mask效果

详细解释HTML5 Canvas中渐进填充的参数设置与使用,Canvas中透明度的设置与使用,结合渐进填充与透明度支持,实现图像的Mask效果。 一:渐进填充(Gradient Fill) Canvas支持两种渐进填充方式,一种为线性渐进填充(Line Gradient Fill),另外一种称 为经向渐变填充(RadialGradient Fill)。其API分别为: createLinearGradient(x1, y1, x2, y2); 其中x1,y1为第一个点坐标,x2,y2为第二个点坐标。 createRadialGradient(x1, y1, r1, x2, y2, r2);