HTML5绘制上海地铁线路图

最新推荐文章于 2021-09-06 08:30:25 发布

前端爱好者。

最新推荐文章于 2021-09-06 08:30:25 发布

阅读量2.7k

点赞数

分类专栏：前端文章标签： html/css

原文链接：https://www.mk2048.com/blog/blog.php?id=100bi1ihj&title=HTML5%E7%BB%98%E5%88%B6%E4%B8%8A%E6%B5%B7%E5%9C%B0%E9%93%81%E7%BA%BF%E8%B7%AF%E5%9B%BE

版权

前端专栏收录该内容

483 篇文章 4 订阅

订阅专栏

某市政项目用到地铁图展示，展示地铁站点以及相关信息流，使用Qunee组件可以很好的解决这类需求，做出优美的展现，下面以上海2012地铁图为例，效果如下：
上海2012地铁图效果

示例讲解

首先需要解决数据问题，可以从维基百科或者上海地铁官网中获取，不过也免不了人工，要达到良好的显示效果，需要不只要记录站点的位置，还需要设置文本标签的理想位置，有时为了避免文字叠加，需要设置旋转角度……总之事在人为，想想办法，最终解决了数据问题，再加上Qunee图形组件的强大展示效果，做出来可以交互的在线地铁图