shingoushori's dialy

音信号処理を専ら研究していた元博士後期課程の学生によるメモ

Canvasで、任意長の配列で折れ線を描いてみるテスト

<概要>
Canvasの練習です.
任意長の配列で折れ線を描く.これを関数したら楽にならないかな、と思っている次第であるためです.

やってみた事は単純です.
1.座標点の配列を定義
2.配列の各点を、canvasの折れ線の終点として次々に設定 : context.lineTo
3.ついでに各点の座標点に、塗りつぶした円を点として設定

やってみて意外だったのが、起点の座標の設定 context.moveTo が省けてしまった事です.
起点を設定せず、最初の終点として起点を設定しています.


<参考文献>
canvasを使ってグラフを描く - Webサイト制作最新トレンドの傾向と対策 | Webデザインとグラフィックの総合情報サイト - MdN Design Interactive