search

asdmay / leap_practice

0 stars 1 forks source link

座標を与えて、canvasに軌跡を描くコードを作成したい #30

Open asdmay opened 8 years ago

otknoy commented 8 years ago

試してないけど、こんな感じちゃうかな。

// jQuery で動的に canvas 要素を追加
$('hoge').append('<canvas id="hoge1" width=240 height=180></canvas>');

// context 取得
var ctx = $('#hoge1')[0].getContext('2d');

// いろいろ描いたり
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(120, 90);
ctx.stroke();

canvas を追加したい html 要素の id と points (描画するデータ) を指定すると、

  1. jQuery で動的に canvas 要素を追加
  2. context 取得
  3. points から折れ線グラフを描画

を行う関数を書くとよい。

そんで、この辺から呼びだせばええんちゃうか。