Latest web development tutorials

HTMLキャンバスにstrokeRect（）メソッド

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル

例

長方形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の、オペラ、ChromeとSafariのサポートにstrokeRect（）メソッド。

注：のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。

定義と使用法

長方形（塗りなし）を描画するためにstrokeRect（）メソッド。 デフォルトの色は黒のストロークです。

ヒント：使用strokeStyleのストロークの色、グラデーション、またはパターンを設定するプロパティ。

JavaScriptシンタックス： コンテキスト.strokeRect（X、Y、幅、高さ）。

パラメータ値

参数 描述
x 矩形左上角的 x 坐标。
y 矩形左上角的 y 坐标。
width 矩形的宽度，以像素计。
height 矩形的高度，以像素计。

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル