先来看一下小弟做的帝都地铁图的效果,基本上是参照baidu的地铁图来复现的: 依然是纯矢量、可交互、有动态效果、无失真缩放的拓扑图: 可视化效果具体就不展开了,拿到过拖拖乐的兄弟们都了解。下面主要还是说说这次新增的功能点,怎么形容呢?杀很大噢~ 选中线路会发光</
前一段参与了一个2D机房的项目,但是这种“命题作文”总感觉憋屈,那就回咱这主场再发挥发挥! 第一篇,咱就从机柜下手。 ……机柜似乎有点太简单了,因为 机柜就是个大灰框 drawBorder: function(ctx) { ctx.fillStyle = 'gray'; ctx.fi
有了机柜,下面就该上设备了。不过,这似乎也太简单,因为 设备面板就是个小灰块 ……呃,还是再分几个区吧,要不实在太单调: drawPane: function(ctx) { ctx.fillStyle = this._borderColor; ctx.fillRect(
每天坐地铁,经常看地铁图,有一天突然想到,地铁图不也是一种拓扑结果吗?TWaver到底能与地铁图擦出怎样的火花呢? 想到就干,先到网上找幅参考图。各种风格的地铁图还挺多,甚至有大学生自主设计制作,受到地铁相关人士的认可和赞扬。不过看到他花了3周时间,我就比较同情他了,如果学会了TWaver,我保他连
其实能真正体现TWaver特色的,不是之前的机柜和设备面板的绘制,而是今天要实现的端口连线。制作连线前,首先要增加个“连线模式”的开关。方案很多种,我选择灵活简洁的右键菜单 popupMenu.isVisible = function(menuItem) { var item = visib