【1】【createPattern()方法】
context.createPattern(image,"repeat|repeat-x|repeat-y|no-repeat");
image:规定要使用的图片,画布或者视频元素
repeat:默认。水平和垂直方向重复
repeat-x:只在水平方向重复
repeat-y:只在垂直方向重复
no-repeat:该模式只显示一次(不重复)
【2】判断图像对象是否已经加载完成:if(imgPenguin.complete)
【3】获取图像对象的长.宽:
penguinWidth=imgPenguin.width;
penguinHeight=imgPenguin.height;
【4】阴影
设置阴影颜色:ctx.shadowcolor="rgba(0,0,0,0.7)";
设置或返回阴影与形状的水平距离:ctx.shadowOffsetX=number
number:正值或负值,定义阴影与形状的水平距离
阴影模糊指数:ctx.shadowBlur="20";