rect() メソッド
構文
- context .
rect(x, y, w, h) -
パスに、指定の矩形を表す閉じたサブパスを新規に追加します。
仕様
rect(x, y, w, h) メソッドは、 (x, y), (x+w, y), (x+w, y+h),
(x, y+h) の4点を直線で結んだサブパスを新たに生成しなければいけません。そして、そのサブパスは閉じられているものとして記録されなければいけません。次に、(x, y) だけを保持した新たなサブパスを生成しなければいけません。
原文：http://www.w3.org/TR/2010/WD-2dcontext-20100624/#dom-context-2d-rect
サンプル
このサンプルでは、座標 (20, 30) を左上端とした、横幅 60 ピクセル、縦幅 40 ピクセルの矩形を描いています。
ctx.rect(20, 30, 60, 40);
ctx.stroke();
ブラウザ対応状況
| Firefox | Safari | Chrome | Opera | IE | ExplorerCanvas |
|---|---|---|---|---|---|
| 2 ○ | 2 ○ | 1 ○ | 9.2 ○ | 9 ○ | 0002 ○ |
| 3 ○ | 3 ○ | 2 ○ | 9.5 ○ | 3 ○ | |
| 3.5 ○ | 4 ○ | 3 ○ | 10 ○ | ||
| 3.6 ○ | 5 ○ | 6 ○ | 10.60 ○ |