canvas 第二章createPattern

canvas 重要属性 createPattern
2.createPattern createPattern() 方法在指定的方向内重复指定的元素。
元素可以是图片、视频，或者其他 元素。
context.createPattern(image,“repeat|repeat-x|repeat-y|no-repeat”);
repeat 默认。该模式在水平和垂直方向重复。
repeat-x 该模式只在水平方向重复。
repeat-y 该模式只在垂直方向重复。
no-repeat 该模式只显示一次（不重复）。
代码实例：

<div>
      <p>小灯泡实例</p>
      <img
        id="lamp"
        src="http://p1.music.126.net/_IqORLmAxUfoRd8tl2UFrQ==/109951166121587272.jpg?param&