最新のWeb開発のチュートリアル

×

JavaScript 参照

JavaScript

JS 文字列 JS 数 JS 演算子 JS ステートメント JS 数学 JS 日付 JS アレイ JS ブーリアン JS 正規表現 JS 全体的な状況 JS 変換

ブラウザ BOM

Window Navigator Screen History Location

HTML DOM

DOM 資料 DOM 要素 DOM 属性 DOM イベント DOM スタイル

HTML オブジェクト

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

その他のオブジェクト

CSSStyleDeclaration

HTML canvas lineWidth Propery

<Canvasオブジェクト

例

10個のピクセルの線幅を持つ長方形を描きます。

JavaScriptを：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.lineWidth=10;
ctx.strokeRect(20,20,80,100);

»それを自分で試してみてください

ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
lineWidth	4.0	9.0	3.6	4.0	10.1

定義と使用法

線幅プロパティセットまたはピクセル単位で、現在の線幅を返します。

デフォルト値：	1
JavaScriptシンタックス：	context .lineWidth= number ;

プロパティ値

値	説明	それを再生します
number	ピクセル単位で現在の線幅、	それを再生します»

<Canvasオブジェクト