Jquery - ドラッグアンドドロップ可能な画像にラインボックス（オブジェクト）を描画する方法は？

Question

私はこのような画像上の1つの以上の複数の行ボックス描画しようとしている。そして、画像上のボックスオブジェクトを描画(xAxis,yAxis,height,width,red/green)を与えることによって

を。 ボックスオブジェクトを削除してドラッグできます。私はhtml canvasで描くことができることを知っています。しかし、ボックスを操作（ドラッグまたは削除）したい場合は、javascriptオブジェクトとして作成する必要があると思います。そうするための良い戦略は何ですか？

Answer 1

使用sketch.js Use this link

をGitHubのからわずか最新sketch.js（または縮小さを）つかむ、あなたのプロジェクトにSketch.jsを使用するとjQueryの後に、プロジェクトに含めます。

描画オブジェクトをドラッグする方法をスケッチJS Read The Full Documentation