标签:地铁线路

前端技术

使用svg绘制一张漂亮的地铁图(进阶篇)

阅读(2978) 评论(0) 张阳君

在上一篇的基础教程里,我们已经可以使用d3来绘制地铁的线路和站点了,但是页面看上去光秃秃的,这样一个作品交付出去,都不好意思说自己是做前端的。这篇进阶教程将带你了解,如何使用定时器和svg渐变来实现酷炫的动画。开发过程中,我也踩了不少坑,其中的动画核心代码重构了2次,这些血的教训我都会在本文一一总结出来,希望大家可以举一反三,避免踩坑。

前端技术

使用svg绘制一张漂亮的地铁图(基础篇)

阅读(2608) 评论(0) 张阳君

最近上级派下来一个任务,做一张上海地铁线路图用于大屏展示(webkit内核),要求按照客户给的概念图绘制,还需要一些交互和酷炫的动效,这张概念图的原型见下方(竟然还是CAD格式的)。