欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

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

程序员文章站 2022-04-30 17:10:30
...

页面分成两个部分,上面部分是用鼠标绘制矩形(已实现),当点击确定的时候,根据上面的图形下面出现成比例的布局图,具体效果如图(图略丑= =),请问要怎么实现?有没有大神帮帮我~感激不尽
javascript - 用鼠标画出div布局如何显示小图?

回复内容:

页面分成两个部分,上面部分是用鼠标绘制矩形(已实现),当点击确定的时候,根据上面的图形下面出现成比例的布局图,具体效果如图(图略丑= =),请问要怎么实现?有没有大神帮帮我~感激不尽
javascript - 用鼠标画出div布局如何显示小图?

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

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