HTMLキャンバスcreatePattern（）メソッド
使用イメージ：
例
水平方向と垂直方向の画像を繰り返します。
JavaScriptを：
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img=document.getElementById("lamp");
var pat=ctx.createPattern(img,"repeat");
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();
var ctx=c.getContext("2d");
var img=document.getElementById("lamp");
var pat=ctx.createPattern(img,"repeat");
ctx.rect(0,0,150,100);
ctx.fillStyle=pat;
ctx.fill();
»をお試しください
ブラウザのサポート
Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートcreatePattern（）メソッド。
注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
createPattern（）メソッドは、指定された方向に指定された要素を繰り返します。
要素は、画像、ビデオ、または他の<canvas>要素にすることができます。
要素が充填/長方形、円、線等を描画するために使用することができる繰り返すこと。
| JavaScriptシンタックス： | コンテキスト.createPattern（画像、「リピート|リピート-X |繰り返し-Y |ノー・リピート"）; |
|---|
パラメータ値
| 参数 | 描述 | |
|---|---|---|
| image | 规定要使用的模式的图片、画布或视频元素。 | |
| repeat | 默认。该模式在水平和垂直方向重复。 | |
| repeat-x | 该模式只在水平方向重复。 | |
| repeat-y | 该模式只在垂直方向重复。 | |
| no-repeat | 该模式只显示一次（不重复）。 |
HTMLキャンバスリファレンスマニュアル