Canvas学习笔记之绘制重复图案

canvas的createPattern()可以用于绘制重复图案，它可以接受iamge元素、canvas元素或video元素作为图案参数，并且可以传入如何重复图案的字符串参数：

• repeat——为整个区域绘制重复图案
• repeat-x——只在x方向绘制重复图案
• repeat-y——只在y方向绘制重复图案
• no-repeat——不重复，只绘制一张图案

html代码：

<select id="selectRepeat">
    <option value="repeat">repeat</option>
    <option value="repeat-x">repeat-x</option>
    <option value="repeat-y">repeat-y</option>
    <option value="no-repeat">no-repeat</option>
</select>
<br/>
<canvas id="canvas" width="600" height="600"></canvas>
</body>