html - HTML5キャンバスを使用して画像に長方形を描画します

Question

私のWebアプリケーションでは、ユーザーが画像上にいくつかの長方形を描画したり、長方形のサイズを変更したり、ドラッグアンドドロップしたりできるようにしたいと考えています。その後、長方形の座標を取得してサーバーのデータベースに送信する必要があります
。写真にキャンバスを作成するか、画像をキャンバスにロードする方がよいでしょうか。
どうすればいいのかわからないので、まだコードを書いていません。

アイデア、提案、リンク、ライブラリはありますか？

Answer 1

コメントが言ったように、キャンバスはこれに適していますが、それを機能させるにはかなりのコーディングを行う必要があります.

私は実際に、長方形を描いて動かしてCanvas をインタラクティブにするチュートリアルを持っています。このプロジェクトの良いスタートが切れるはずです。

fabricJSなどのライブラリもいくつかありますが、ライブラリを掘り下げずに座標を取得するのは難しい場合があります。