サイト内検索

lineWidth プロパティ

構文

context . lineWidth [ = value ]

現在の線の幅を返します。

値をセットして、線の幅を変更することができます。0 より大きい有限値でない値は、無視されます。

仕様

lineWidth 属性は、座標系の単位で、線の幅を与えます。取得時においては、これは現在の値を返さなければいけません。セット時においては、0、負数、無限大、NaN の値は無視されなければいけません。そうでなければ、これは、現在の値を新しい値に変更しなければいけません。

コンテキストが生成された時、lineWidth 属性の値は 1.0 で初期化されなければいけません。


原文:http://www.w3.org/TR/2010/WD-2dcontext-20100624/#dom-context-2d-linewidth

サンプル

lineWidthプロパティのサンプル

このサンプルは、上から順に、lineWidth を指定しなかった場合、lineWidth に 5 をセットした場合、lineWidth に 10 をセットした場合の直線を引いています。

/* lineWidthを指定しない例 */
ctx.beginPath();
ctx.moveTo(10, 25);
ctx.lineTo(90, 25);
ctx.stroke();
/* lineWidthを5にした例 */
ctx.beginPath();
ctx.lineWidth = 5;
ctx.moveTo(10, 50);
ctx.lineTo(90, 50);
ctx.stroke();
/* lineWidthを10にした例 */
ctx.beginPath();
ctx.lineWidth = 10;
ctx.moveTo(10, 75);
ctx.lineTo(90, 75);
ctx.stroke();

[lineWidthプロパティの実際のサンプル]

ブラウザ対応状況

Firefox Safari Chrome Opera IE ExplorerCanvas
2 ○ 2 ○ 1 ○ 9.2 ○ 9 ○ 0002 ○
3 ○ 3 ○ 2 ○ 9.5 ○   3 ○
3.5 ○ 4 ○ 3 ○ 10 ○    
3.6 ○ 5 ○ 6 ○ 10.60 ○