的确,提起TWaver,大家想到的首先是“电信拓扑图组件”。事实上。因为其灵活的MVC架构、矢量化设计、方便定制等特点。TWaver能够做的还有非常多。比如房地产行业常见到的“户型图”。


户型推荐是销售接待中非常重要的阶段,也被称做是为客户造梦的过程,户型也是客户是否选择该楼盘的一大要素。制作美丽的户型图在房地产行业无疑是非常重要的一项工作。

首先利用TWaver常被忽视的“矢量图形”功能。来定义房间和隔断的形状。这能够通过代码片段完毕、json格式定义完毕、或编辑器拖拽完毕。一小段代码或json足能够定义不论什么复杂的矢量形状:




​1​

​twaver.Util.registerImage(​​​​'room'​​​​, {​


​2​

​"w"​​​​: 345,​


​3​

​"h"​​​​: 611,​


​4​

​//....​


​5​

​});​


​6​

 


​7​

​var​​ ​​node = ​​​​new​​ ​​twaver.Node();​


​8​

​node.setImage(​​​​'room'​​​​);​


户型图中,房间内部的非常多元素。比如反复纹理、门窗、桌椅、家具等。均能够单独进行矢量化定义。


对于植物等不规则物体,能够混合使用位图进行补充:




​1​

​this​​​​.registerImage(​​​​'plant.png'​​​​);​



当然,假设直接使用TWaver提供的矢量化图形设计工具,这一切就变得更加简单了。

最后,希望每一位程序猿都有一套属于自己的大房子。以下这套三居室还行么?