例
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();
»それを自分で試してみてください ブラウザのサポート
表中の数字は完全に方法をサポートする最初のブラウザのバージョンを指定します。
| 方法 | |||||
|---|---|---|---|---|---|
| stroke() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
定義と使用法
stroke()メソッドは、実際にはすべてのものと定義したパス描くmoveTo()とlineTo()メソッドを。 デフォルトの色は黒です。
Tip:使用strokeStyle別の色/グラデーションで描画するプロパティを。
| JavaScriptシンタックス： | context 。 stroke( ) stroke( ) ; |
|---|
<Canvasオブジェクト