キャンバスの円でマウスクリック/ドラッグイベントを追加する方法。 HTML 5で

Question

キャンバスにJavaスクリプトを使用してドラッグドロップエフェクトを追加する必要があります。 の例では、彼らとの表現で青色の円を参照してください。これは完全にフラッシュアプ​​リケーション

で次のリンクに http://ypublisher.eu/ctrl.php/portal/sample?url=media/Math_module/index.htm

を見ることができます。円をクリックしてドラッグすることができます。矢印付きの線をドラッグすると、他の円のいずれかにアタッチすることができます。

私はHTML 5とJavaスクリプト を使って同じものを作る必要があります。私はキャンバスを使って青い円を表示しましたが、ドラッグの仕事をすることはできません。 キャンバス内のサークルにドラッグイベントを追加する方法は、どのようにしても知ることができます。

Answer 1

最善の方法は、いくつかのキャンバスフレームワークを使用することです。 LibCanvasには、円を含むインタラクティブな図形の例がたくさんあります。

記事「Creating a Framework For Canvas: Objects and Mouse」を読んで、内部でどのように動作するのかを知ることができますが、パブリックフレームワークを使用する方が効果的です。