HTML canvas stroke() メソッド

❮ HTML Canvas リファレンス

赤色で、文字の L のような形状のパスを描画します:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();
Try it Yourself ❯

ブラウザ・サポート

表中の数字は、メソッドを完全にサポートした最初のブラウザ・バージョンを指定しています。

メソッド
stroke() Yes 9.0 Yes Yes Yes

定義と用法

stroke() メソッドは、moveTo() と lineTo() で定義したパスを、実際に描画します。デフォルトの色は黒です。

チップ: 別の色/グラデーションで描画するには、 strokeStyle プロパティを使用します。

JavaScript 構文: context.stroke();

HTML canvas Reference HTML Canvas リファレンス