Canvas lineWidth 属性
定義と使用方法
lineWidth
属性は、ピクセル単位で現在の線の幅を設定または返します。
例
10ピクセルの幅の線で矩形を描画します:
JavaScript:
var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.lineWidth=10; ctx.strokeRect(20,20,80,100);
文法
context.lineWidth=number;
属性値
値 | 説明 |
---|---|
number | 現在のラインの幅(ピクセル単位で示します)。 |
技術的詳細
デフォルト値: | 1 |
---|
ブラウザのサポート
この表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
注記:Internet Explorer 8 以前のバージョンは <canvas> 要素をサポートしていません。