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&