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