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