「JavaScript/Canvas」の版間の差分

削除された内容 追加された内容
ページの作成:「たとえばブラウザ上でJavaScriptを使って長方形を描くなら、 <syntaxhighlight lang="js"> <meta charset="Shift_JIS"> <canvas id="canvasTest" width="300"…」
 
編集の要約なし
19 行
 
また、canvas は、書きたい画像よりも大きく領域を確保しないと、描画が領域の最大範囲で途切れてしまった図が表示される。
 
 
<code>.getElementById(" ")</code>というのは、(<code><canvas></code> のように)タグで書かれたコードを変数に代入するための命令です。
 
代入したいコピー元のタグのほうに、あらかじめ<code>id=</code>で名前(ID)をつけておきます。
 
<code>.getElementById(" ")</code> の (" ") 内に、代入したタグ内容のID名を書きます。
 
 
<code>getContext("2d") </code>は、ここではHTMLがcanvasタグに用意している2次元(2D)図形の描画の要素を呼び出しています。
 
そして
<code>strokeRect(20,30,150,200) </code>
で最終的に描画の実行をしています。
 
 
変数名で dummy だの cont だのあるのは、適当に付けただけなので、他の変数名でも構わないです。
 
 
また、数値計算をしているワケではないですが、JAvaScript ではこのように、なんらかの命令をするときに、形式的に変数が必要になる場合があります。