javascript - 用鼠标画出div布局如何显示小图?
程序员文章站
2022-04-30 17:10:30
...
页面分成两个部分,上面部分是用鼠标绘制矩形(已实现),当点击确定的时候,根据上面的图形下面出现成比例的布局图,具体效果如图(图略丑= =),请问要怎么实现?有没有大神帮帮我~感激不尽
回复内容:
页面分成两个部分,上面部分是用鼠标绘制矩形(已实现),当点击确定的时候,根据上面的图形下面出现成比例的布局图,具体效果如图(图略丑= =),请问要怎么实现?有没有大神帮帮我~感激不尽
跟楼上想的一样,用jq的append把上面div的全部内容塞到下面div,再把下面div的样式用transform缩小即可
说下思路:
上下两个container,container里元素尺寸按照container的百分比来定,确定后将上container元素复制到下container,下container添加个class,按比例缩小即可。