首頁 >後端開發 >php教程 >javascript - 用滑鼠畫出div佈局如何顯示小圖?

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

WBOY
WBOY原創
2016-08-08 09:06:451112瀏覽

頁面分成兩個部分,上面部分是用滑鼠繪製矩形(已實現),當點擊確定的時候,根據上面的圖形下面出現成比例的佈局圖,具體效果如圖(圖略醜= =) ,請問要怎麼實現?有沒有大神幫我~感激不盡
javascript - 用滑鼠畫出div佈局如何顯示小圖?

回覆內容:

頁面分成兩個部分,上面部分是用滑鼠繪製矩形(已實現),當點擊確定的時候,根據上面的圖形下面出現成比例的佈局圖,具體效果如圖(圖略醜= =) ,請問要怎麼實現?有沒有大神幫我~感激不盡
javascript - 用滑鼠畫出div佈局如何顯示小圖?

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

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

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn