javascript - 用滑鼠畫出div佈局如何顯示小圖？

頁面分成兩個部分，上面部分是用滑鼠繪製矩形（已實現），當點擊確定的時候，根據上面的圖形下面出現成比例的佈局圖，具體效果如圖（圖略醜= =） ，請問要怎麼實現？有沒有大神幫我~感激不盡

回覆內容：

頁面分成兩個部分，上面部分是用滑鼠繪製矩形（已實現），當點擊確定的時候，根據上面的圖形下面出現成比例的佈局圖，具體效果如圖（圖略醜= =） ，請問要怎麼實現？有沒有大神幫我~感激不盡

跟樓上想的一樣，用jq的append把上面div的全部內容塞到下面div，再把下面div的樣式用transform縮小即可

說下思路：
上下兩個container，container裡元素尺寸按照container的百分比來定，確定後將上container元素複製到下container，下container添加個class，按比例縮小即可。