サイト内検索

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

サンプル

rectメソッドのサンプル

このサンプルでは、座標 (20, 30) を左上端とした、横幅 60 ピクセル、縦幅 40 ピクセルの矩形を描いています。

ctx.rect(20, 30, 60, 40);
ctx.stroke();

[rect() メソッドの実際のサンプル]

ブラウザ対応状況

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 ○