平面圖之HTML5、Canvas、SVG


最近項目里遇上一樓宇畫平面圖,暫時還沒什么想法,希望園子里的大蝦和牛人們多指教、多指點、談談建議和想法也行、能深入到技術實現層面最好不過了,在此先謝過各位了!下面大致簡單說下我項目里關於這一塊的業務、數據結構和需求:

業務:項目下面有分期、分期下面有樓棟,分期下面還有特殊樓棟即別墅房間、樓棟下面有樓層、樓層下每層有房間。

數據結構: 項目表、分期表(項目ID)、樓棟表(分期ID)、房間表(樓棟ID)

實現的效果分兩塊:

一塊是繪制(鼠標繪圖,要求支持多邊形、圓形、不規則圖形);

一塊是展示(通過選擇項目、分期、樓棟展示之前繪制的相應圖形);

畫項目平面圖的時候,上面畫的就是分期和別墅房間(也可以直接畫樓棟和特殊樓棟即別墅房間) 畫分期平面圖的時候,上面畫的就是樓棟和別墅房間 畫樓棟每一層平面圖的時候,上面畫的就是相應層的房間

注:平面圖上的元素支持綁定數據、鼠標單擊事件、雙擊事件、以及各種鼠標事件

點項目平面圖上的分期可以鏈接到相應分期平面圖 點分期平面圖上的樓棟和別墅房間可以鏈接到相應樓棟第一層平面圖和別墅房間平面圖 點分期平面圖上的樓棟可以鏈接到相應樓棟第一層平面圖,通過選擇該樓棟的不同層顯示相應層的房間平面圖


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM