CanvasRenderingContext2D.stroke()

Canvas 2D API の CanvasRenderingContext2D.stroke() メソッドは、現在のあるいは渡されたパスを、ノンゼロワインディング規則を使って、現在のストロークスタイルで描きます。

構文

void ctx.stroke();
void ctx.stroke(path);

引数

path
描画する Path2D パス。

stroke メソッドを使う

これは stroke メソッドを使ってパスを描画する、実にシンプルなコード断片です。

HTML

<canvas id="canvas"></canvas>

JavaScript

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
ctx.rect(10, 10, 100, 100);
ctx.stroke();

下のコードを編集して、変更が canvas に直に反映されることを確認してください。

仕様

仕様 状態 コメント
HTML Living Standard
CanvasRenderingContext2D.stroke の定義
現行の標準  

ブラウザ互換性

BCD tables only load in the browser

参考情報