jquery - ドラッグ可能なアーク HTML5

Question

キャンバス上にレーダー グラフィックスがあり、アークがバブルとして表示されています。泡は静止しています。バブルをドラッグ可能にする必要があります。HTML、CSS、および JavaScript は、次のリンクにあります。

Answer 1

私が似たようなことをするために使ったトリックの 1 つは、ユーザーが目に見えないバブルをマウスでドラッグできるようにすることです。

目に見えるものは真にインタラクティブではありませんが、円弧の外側にない限り、目に見えないものの位置に従います。

マウスを放すと、目に見えないバブルがリセットされ、目に見えるバブルの上に配置されます。