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

HTMLタグ一覧

HTML canvas lineWidth属性

lineWidthはCanvas 2D APIは、線の太さを設定する属性（つまり線の幅）です。

オンラインサンプル

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

例

<!DOCTYPE html>
<html>
<head>
<title>HTML canvas lineWidth 属性の使用（基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3">
あなたのブラウザはHTMLをサポートしていません。5　canvas タグ。
</canvas>
<script>
var　c=document.getElementById("myCanvas");
var　ctx=c.getContext("2d");
ctx.lineWidth=12;
20,20,80,100);
</script>
</body>
</html>

テストを見てみる ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

Internet Explorer 9、Firefox、Opera、Chrome および Safari は lineWidth 属性をサポートしています。

注意：Internet Explorer 8 及びその以前のバージョンでは <canvas> 要素をサポートしていません。

定義と使用方法

lineWidth属性は現在の線の幅をピクセル単位で設定または返します。

デフォルト値：	1
JavaScript 语法：	context.lineWidth=number;

属性値

値	説明
number	現在の線の幅、ピクセル単位で。

HTML canvas 参考書

HTML: <template> タグ