canvasに円を書くだけのライブラリを作った
https://github.com/myatsumoto/en
$(function(){ var en = $.en($('canvas')[0], { x : 10, y : 10, radius : 50 }); en.move(30, 30); // 中心が動く en.animate(10, 10, 3000, function(){ alert('finished'); }); // アニメーションで動かす $('body').click(function(e){ console.log(en.get_angle(e)); // pageX, pageYと中心との角度を求める console.log(en.get_radian(e)); // pageX, pageYと中心との距離を求める }); });
というように使う。動作確認はほとんどしていない。
コードとしては他の図形にも転用できるので、今後別の図形も作って統合したい。