Latest web development tutorials

HTMLキャンバスストローク()メソッド

HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル

パスの形状を描画することは赤文字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();

»をお試しください

ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9の、Firefoxの、オペラ、ChromeとSafariのサポートストローク()メソッド。

注:のInternet Explorer 8およびそれ以前のバージョンでは、<キャンバス>要素をサポートしていません。


定義と使用法

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

ヒント:使用strokeStyleの別の色/グラデーションを描画するためのプロパティ。

JavaScriptシンタックス: コンテキスト.stroke( );


HTMLキャンバスリファレンスマニュアル HTMLキャンバスリファレンスマニュアル