赤色で、文字の L のような形状のパスを描画します:
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(); |
---|