先来看一下小弟做的帝都地铁图的效果，基本上是参照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
