一种用于绘制航线图的系统及方法技术方案

本实施例中公开的了一种航线图的绘制系统和方法，该系统包括：将canvas作为图形容器的底层模块、部署了至少一个功能模块的中间层模块和包括多个预先封装了数据处理算法的数据管理模块，并且数据管理模块是依据航线图的特征设置的。由此，本实施例实现了通过B/S模式绘制航线图。在B/S模式下，服务器更新后，浏览器端也可以得到同步的更新，这样解决了现有技术中C/S模式导致的服务升级和用户体验无法及时同步的问题。并且，本实施例中，还采用了HTML5中canvas作为技术支持，减少了网页浏览器对插件的要求，用户无需下载额外的插件，就可以应用本实施例提供的航线图的绘制系统。

【技术实现步骤摘要】
一种用于绘制航线图的系统及方法
本专利技术涉及图像处理领域，尤其涉及一种用于航线图绘制的系统及方法。
技术介绍
航线图表示不同城市、机场、航空公司之间的关系，其中航线图的应用很多，例如可以通过该关系体现航空运价。其中，航空运价指的是由国家航空管理部门制定的，使用民用飞机或者其它航空器运送旅客和货物的价格体系。对于航线图的绘制，现有技术中一般采用C/S(Client/Server架构,即客户端/服务器架构)模式绘制航线图，即通过下载客户端绘制航线图。然而，若后台对客户端进行了升级后，用户若要采用升级后的功能，需要重新下载客户端，即后台的功能升级和用户的使用不能同步，那么非常影响用户体验。
技术实现思路
有鉴于此，本专利技术实施例提供了一种航线图的绘制系统和方法，实现了通过B/S(Brower/Server,浏览器/服务器)模式绘制航线图。在B/S模式下，服务器更新后，浏览器端也可以得到同步的更新，这样解决了现有技术中C/S模式导致的服务升级和用户体验无法及时同步的问题。本专利技术实施例公开了一种航线图的绘制系统，该系统包括：底层模块、中间层模块和顶层模块；所述底层模块将canvas作为图形容器；所述中间层模块部署了至少一个绘图功能模块；所述绘图功能模块是通过对图形绘制功能进行封装后得到的；所述顶层模块包括多个预先封装了数据处理算法的数据管理模块；所述数据处理算法是依据航线图的特征设置的。可选的，所述功能模块包括：基于canvas对基本的图形绘制功能进行封装后得到的场景模块；对不同节点的绘制方法进行封装后得到的节点模块；对不同线条的绘制方法进行封装后得到的线条模块。可选的，所述功能模块还包括：动态展示模块，是对图片动态展示功能进行封装后得到的；所述图片动态展示功能是通过固定频率刷新的方式实现的。可选的，所述数据处理算法模块包括：区域计算模块、对接数据结构模块、机场及航司节点模块、航线数据处理模块、展示插件模块；所述区域计算模块是对节点和线条位置的计算方法进行封装后得到的；所述对接数据结构模块是对图形结构和文本结构的转换算法进行封装后得到的；所述机场及航司节点模块是基于航线图的特征对航线图的每个节点的属性进行封装后得到的；所述航线数据处理模块，对绘制的图形结构中的数据的管理方法进行封装后得到的；所述图形结构中的数据包括：节点和线条，所述线条表示不同节点之间的关系；展示插件模块，是基于航线图的特征对航线图的绘制流程进行封装后得到的。可选的，所述数据处理算法包括：图的数据结构和算法。可选的，采用Javascript进行封装。本专利技术实施例还公开了一种航线图的绘制方法，所述绘制方法应用于上述的航线图绘制系统，所述方法包括：响应于系统触发指令，创建canvas画布；响应于图形绘制指令，基于绘制的对象调用数据管理模块中的数据处理算法，确定对象的属性、对象的位置和对象的绘制流程；基于对象的属性、对象的位置、对象的绘制流程和绘图功能模块提供的绘图功能在画布上绘制所述对象。可选的，所述对象包括：节点和线条。可选的，还包括：调用所述数据管理模块中的对接数据处理模块，将绘制的图形结构装换为文本结构。本专利技术实施例还公开了一种航线图的绘制装置，包括：创建单元，用于响应于系统触发指令，创建canvas画布；确定单元，用于响应于图形绘制指令，基于绘制的对象调用数据管理模块中的数据处理算法，确定对象的属性、对象的位置和对象的绘制流程；绘制单元，用于基于对象的属性、对象的位置、对象的绘制流程和绘图功能模块提供的绘图功能在画布上绘制所述对象。本实施例中公开了一种航线图的绘制系统和方法，该系统包括：将canvas作为图形容器的底层模块、部署了至少一个功能模块的中间层模块和包括多个预先封装了数据处理算法的数据管理模块，并且数据管理模块是依据航线图的特征设置的。由此，本实施例实现了通过B/S模式绘制航线图，在B/S模式下，服务器更新后，浏览器端也可以得到同步的更新，这样解决了现有技术中C/S模式导致的服务升级和用户体验无法及时同步的问题。并且，本实施例中，还采用了HTML5中canvas作为技术支持，减少了网页浏览器对插件的要求，用户无需下载额外的插件，就可以应用本实施例提供的航线图的绘制系统。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据提供的附图获得其他的附图。图1示出了本专利技术实施例提供的一种航线图的绘制系统的结构示意图；图2示出了本专利技术实施例提供的一种航线图的绘制系统的又一结构示意图；图3示出了本专利技术实施例提供的一种自动布局的实现流程；图4示出了本专利技术实施例提供的添加节点的流程示意图；图5示出了本专利技术实施例提供的删除节点的流程示意图；图6示出了本专利技术实施例提供的航线图的绘制系统启动后的示意图；图7示出了本专利技术实施例提供的一种航线图的绘制方法的流程示意图；图8示出了本专利技术实施例提供的一种航线图的绘制装置的结构示意图。具体实施方式下面将结合本专利技术实施例中的附图，对本专利技术实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。参考图1-图2，示出了本专利技术实施例提供的一种用于绘制航线图的系统的结构示意图，在本实施例中，该系统包括：底层模块100、中间层模块200和顶层模块300；底层模块100将canvas作为图形容器；中间层模块200部署了至少一个绘图功能模块；该绘图功能模块是通过对图形绘制功能进行封装后得到的；顶层模块300包括多个预先封装了数据处理算法的数据管理模块；所述数据处理算法是依据航线图特征设置的。其中，针对底层模块：Canvas画布是HTML5中新增的一个重要元素，是专门用来绘制图像。其中，在网页放置一个Canvas元素，就相当于在网页上放置一块“画布”，可以在其中进行图像的描绘。HTML5是HTML(HyperTextMarkupLanguage，超文本标记语言)最新的修订版本，2014年10月由W3C(万维网联盟)完成标准制定。广义论及HTML5时，实际指的是包括HTML、CSS(层叠样式表)和JavaScript在内的一套技术组合，目的是能够减少网页浏览器对于需要插件的富互联网应用。因此，本专利技术实施例基于canvas的作为技术支持，设计的航线图的绘制系统，实现了可以基于任何浏览器进本文档来自技高网...

【技术保护点】
1.一种航线图的绘制系统，其特征在于，包括：/n底层模块、中间层模块和顶层模块；/n所述底层模块将canvas作为图形容器；/n所述中间层模块部署了至少一个绘图功能模块；所述绘图功能模块是通过对图形绘制功能进行封装后得到的；/n所述顶层模块包括多个预先封装了数据处理算法的数据管理模块；所述数据处理算法是依据航线图的特征设置的。/n

【技术特征摘要】
1.一种航线图的绘制系统，其特征在于，包括：
底层模块、中间层模块和顶层模块；
所述底层模块将canvas作为图形容器；
所述中间层模块部署了至少一个绘图功能模块；所述绘图功能模块是通过对图形绘制功能进行封装后得到的；
所述顶层模块包括多个预先封装了数据处理算法的数据管理模块；所述数据处理算法是依据航线图的特征设置的。


2.根据权利要求1所述的系统，其特征在于，所述功能模块包括：
基于canvas对基本的图形绘制功能进行封装后得到的场景模块；
对不同节点的绘制方法进行封装后得到的节点模块；
对不同线条的绘制方法进行封装后得到的线条模块。


3.根据权利要求1或2所述的系统，其特征在于，所述功能模块还包括：
动态展示模块，是对图片动态展示功能进行封装后得到的；所述图片动态展示功能是通过固定频率刷新的方式实现的。


4.根据权利要求1所述的系统，其特征在于，所述数据处理算法模块包括：
区域计算模块、对接数据结构模块、机场及航司节点模块、航线数据处理模块、展示插件模块；
所述区域计算模块是对节点和线条位置的计算方法进行封装后得到的；
所述对接数据结构模块是对图形结构和文本结构的转换算法进行封装后得到的；
所述机场及航司节点模块是基于航线图的特征对航线图的每个节点的属性进行封装后得到的；
所述航线数据处理模块，对绘制的图形结构中的数据的管理方法进行封装后得到的；所述图形结构中的数据包括：节...

【专利技术属性】
技术研发人员：杜武全，陈诗荣，杨双，陈引，
申请(专利权)人：中国民航信息网络股份有限公司，
类型：发明
国别省市：北京;11