多媒体学习4

【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";