HTML canvas strokeRect()メソッド

Canvas 对象参考手册Canvas オブジェクト

例

150*100 ピクセルの矩形を描画します：

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.strokeRect(20,20,150,100);

試してみる »

ブラウザサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome、Safari は strokeRect() メソッドをサポートしています。

注意：Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。

定義と用法

strokeRect() メソッドは矩形（塗りつぶしなし）を描画します。ストロークのデフォルト色は黒です。

ヒント：使用してくださいstrokeStyle属性でストロークの色、グラデーション、またはパターンを設定します。

JavaScript 構文： context.strokeRect(x,y,width,height);

パラメータ値

パラメータ 説明
x 矩形の左上隅の x 座標。
y 矩形の左上隅の y 座標。
width 矩形の幅（ピクセル単位）。
height 矩形の高さ（ピクセル単位）。

Canvas 对象参考手册Canvas オブジェクト

その他の拡張