HTMLキャンバスストローク()メソッド
例
パスの形状を描画することは赤文字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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();
»をお試しください
ブラウザのサポート
Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートストローク()メソッド。
注:のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。
定義と使用法
ストローク()メソッドは、実際のメソッドのmoveTo()とのlineTo()で定義されたパスを描画します。 デフォルトの色は黒です。
ヒント:使用strokeStyleの別の色/グラデーションを描画するためのプロパティ。
JavaScriptシンタックス: | コンテキスト.stroke( ); |
---|
HTMLキャンバスリファレンスマニュアル