javascript - Wie zeige ich kleine Bilder an, wenn ich ein Div-Layout mit der Maus zeichne?

Die Seite ist in zwei Teile unterteilt. Der obere Teil dient zum Zeichnen eines Rechtecks ​​mit der Maus (bereits implementiert). Wenn Sie auf OK klicken, wird unten ein proportionales Layoutdiagramm angezeigt Der spezifische Effekt ist wie in der Abbildung dargestellt (Das Bild ist etwas hässlich = =), wie kann ich das erreichen? Kann mir jemand helfen? Vielen Dank

Antwortinhalt:

Die Seite ist in zwei Teile unterteilt. Der obere Teil dient zum Zeichnen eines Rechtecks ​​mit der Maus (bereits implementiert). Wenn Sie auf OK klicken, wird unten ein proportionales Layoutdiagramm angezeigt Der spezifische Effekt ist wie in der Abbildung dargestellt (Das Bild ist etwas hässlich = =), wie kann ich das erreichen? Kann mir jemand helfen? Vielen Dank

Wie ich oben gedacht habe, verwenden Sie jqs Append, um den gesamten Inhalt des oberen Div in das untere Div zu stopfen, und verwenden Sie dann „transform“, um den Stil des unteren Div zu reduzieren

Lassen Sie uns über die Idee sprechen:
Es gibt zwei Container, einen oberen und einen unteren. Die Größe der Elemente im Container wird anhand des Prozentsatzes des Containers bestimmt. Kopieren Sie nach der Bestätigung die oberen Containerelemente in die unteren Container hinzufügen. Fügen Sie eine Klasse zum unteren Container hinzu und reduzieren Sie sie proportional.