javascript - マウスでdivレイアウトを描画するときに小さい画像を表示するにはどうすればよいですか?

ページは 2 つの部分に分かれており、上部はマウスで長方形を描画します (既に実装されています)。 [OK] をクリックすると、上記の図に従って比例レイアウト図が下に表示されます。図に示されています（写真は少し見苦しい = =）、どうすればそれを実現できますか？誰か助けてくれませんか？ よろしくお願いします

返信内容:

ページは 2 つの部分に分かれており、上部はマウスで長方形を描画します (既に実装されています)。 [OK] をクリックすると、上記の図に従って比例レイアウト図が下に表示されます。図に示されています（写真は少し見苦しい = =）、どうすればそれを実現できますか？誰か助けてくれませんか？ よろしくお願いします

上で考えたことと同じように、jqのappendを使用して上のdivのコンテンツ全体を下のdivに詰め込み、次にtransformを使用して下のdivのスタイルを縮小します

アイデアについて話しましょう:
コンテナ内の要素のサイズは、コンテナの割合に応じて決定されます。 を追加します。クラスを下のコンテナに追加し、比例して縮小します。