キャンバスに画像を描画するツールを作成しています。ユーザーは左側のサイドバーに表示されている画像をクリックすると、キャンバスに画像が描画されます。ファブリック js ライブラリを使用して、ドラッグ、ドロップ、サイズ変更、スケーリングを行っています。画像。そのため、ユーザーはそれに応じて画像を変更できます。与えられた写真でシナリオを見ることができます。
1とマークされた領域から画像をクリックすると、2とマークされた領域に画像が描画され、構造は次のようになります。親div(Tシャツ画像の背景付き)、次にこのdiv内のキャンバス(見ることができます黒い破線の枠内)
問題は、キャンバス上のアクティブな画像のIDまたはsrcを取得したいことです。キャンバス上でオブジェクトがアクティブになったときにイベントを発生させることができるので、知りたいのはオブジェクトのIDを取得する方法だけです私が選択した、(アクティブなオブジェクトを意味します)以下の写真を参照してください:
では、アクティブな画像を取得するにはどうすればよいですか? 私が選択した画像のIDまたはソースは何ですか? ユーザーがキャンバスに3つの画像を描画し、1つを選択した場合、キャンバスに描画した後にIDまたは画像ソースを取得することは可能ですか?ユーザーが選択した画像をどのように知ることができますか?