HTMLキャンバス lineWidth属性

定義と使用法

lineWidth 現在のラインの幅をピクセル単位で設定または返します。

幅が 10 ピクセルの線で矩形を描画します:

ブラウザは canvas タグをサポートしていません。

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> 要素をサポートしていません。