javascript-用鼠标画出div布局如何显示小图？

页面分成两个部分，上面部分是用鼠标绘制矩形（已实现），当点击确定的时候，根据上面的图形下面出现成比例的布局图，具体效果如图（图略丑= =），请问要怎么实现？有没有大神帮帮我~感激不尽

回复内容：

页面分成两个部分，上面部分是用鼠标绘制矩形（已实现），当点击确定的时候，根据上面的图形下面出现成比例的布局图，具体效果如图（图略丑= =），请问要怎么实现？有没有大神帮帮我~感激不尽

跟楼上想的一样，用jq的append把上面div的全部内容塞到下面div，再把下面div的样式用transform缩小即可

说下思路：
上下两个container，container里元素尺寸按照container的百分比来定，确定后将上container元素复制到下container，下container添加个class，按比例缩小即可。