■ Canvas(1):座標系 [JavaScript版]

 JavaScriptで図形などを描画するCanvasについてのメモ書きである。

 まずは座標系から・・・。

● HTML: 200x100
 <canvas width="200" height="100" id="canvas" ></canvas>

● 座標系
 左上が原点(0,0)、右下が(200,100)
 X軸方向のピクセル(画素)番号は 0~199
 Y軸方向のピクセル(画素)番号は 0~ 99
 左上のピクセルの中央は(0.5, 0.5)
can1.jpg
ホーム