単純な線の描画
線を描画するだけの、座標に関する単純な説明です。
サンプル
解説
乱数（0〜399）をX座標とし、そのX座標に縦線を表示しています。
キャンバス上の左端からの絶対座標を指定しています。
ソースコード
<html><head><!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]--><script type="text/javascript">
var elmCv;var ctxCv;function sbInit() {//キャンバスの準備elmCv = document.getElementById('cv');ctxCv = elmCv.getContext('2d');//sbAnimeを0.1秒おきに呼び出しsetInterval('sbAnime()',100)}function sbAnime() {//キャンバスをクリアctxCv.clearRect(0,0,400,200);//線を描画var iX;iX = Math.random() * 400;ctxCv.beginPath();ctxCv.moveTo(iX,50);ctxCv.lineTo(iX,150);ctxCv.stroke();}window.onload = sbInit;
</script></head><body><canvas id="cv" width="400" height="200"></canvas></body></html>