javascript - JavaScript でグラフをストレッチして Canvas 要素を埋める

Question

JavaScript キャンバスに関する簡単な質問... 400x300 キャンバス要素でグラフを作成したい (線で接続された) セット ポイントがあります。私は常により多くのポイントを追加します。キャンバス全体を埋めるために線を伸ばす必要があります（不要なスペースを残しません）。

例：

これに：

ありがとう！C.ルール

Answer 1

実行してステップを見つけたいcanvasWidth / (number of points - 1)

毎回 X += ステップを追加します。

例:

http://jsfiddle.net/pDDTQ/

Answer 2

内部キャンバス サイズと表示サイズを区別します。400x300 は表示サイズであり、style="width:400px; height:300px" で設定されます。新しいポイント (例: 400,500) があるたびに、canvas.width=400; を設定します。canvas.height=500; グラフ全体を再プロットします。ある時点から、線の幅を調整したい場合があります。