Posted on 2014-10-29 10:59
TWaver 閱讀(5322)
評論(1) 編輯 收藏
的確，提起TWaver，大家想到的首先是“電信拓撲圖組件”。其實，由于其靈活的MVC架構、矢量化設計、方便定制等特點，TWaver可以做的還有很多。例如房地產行業常見到的“戶型圖”。
戶型推薦是銷售接待中很重要的階段，也被稱做是為客戶造夢的過程，戶型也是客戶是否選擇該樓盤的一大要素。制作漂亮的戶型圖在房地產行業無疑是非常重要的一項工作。
首先利用TWaver常被忽視的“矢量圖形”功能，來定義房間和隔斷的形狀。這可以通過代碼片段完成、json格式定義完成、或編輯器拖拽完成。一小段代碼或json足可以定義任何復雜的矢量形狀：
1 | twaver.Util.registerImage('room', { |
7 | var node = new twaver.Node(); |
戶型圖中，房間內部的很多元素，例如重復紋理、門窗、桌椅、家具等，均可以單獨進行矢量化定義。
對于植物等不規則物體，可以混合使用位圖進行補充：
1 | this.registerImage('plant.png'); |
當然，如果直接使用TWaver提供的矢量化圖形設計工具，這一切就變得更加簡單了。
最后，希望每一位程序員都有一套屬于自己的大房子。下面這套三居室還行么？
