制图行业，地图的美观是重要的指标，不是GIS系统直接配色设置格式就可以出图的，往往还需要细节调整，甚至出版社更多时候用的是corel draw这样的图形格式，完全没有传统地图坐标的概念，同样的SVG作为一种标准矢量图形格式，也是地图最常见的输出格式，Qunee示例中就有将SVG地图转换成Qunee地图的例子，但由于SVG是一种非常复杂的图形格式，将SVG百分百还原成基于Canvas技术的Qunee目前还没有通用的解决办法，通常都需要定制解析，下面是一张韩国地图的例子，自己解析SVG的path元素，转换成Qunee的Path对象，最终得到与SVG原图一样的效果，可作为参考 代码下载 custom_svg_parse

地图是Qunee图形组件的主要方向之一，发展过程中地图的实现方式比较多，比如基于SVG数据或者自定的json格式数据解析，支持geoJSON和TopoJSON格式，还能叠加leaflet地图 下面的示例是韩国地图，以首尔为中心墨卡托投影，数据格式为topoJSON，数据取自：https://github.com/southkorea/southkorea-maps 示例代码下载：southkorea-map-demo

经过四个月的开发，Qunee for HTML5 V2.0新版本终于正式发布了，此次版本有大幅改进，修复了一些bug，增加了示例，欢迎访问和升级 增加Qunee for HTML5英文版本 Qunee official website: http://qunee.com/index-en.html Qunee online documents (english): http://doc.qunee.com/display/h5en 网站改版 官网和在线演示都做了改版，风格更加扁平 demo.qunee.com，增加搜索，全屏等功能 编辑器V2.0 改进了连线编辑，改进了导入导出，增加了加载图元库，保存和加载json文件，增加了属性编 …

HTML5中有两种图形解决方案：SVG和Canvas，两者都有各自特点，这里不多说，Qunee图形组件中我们常常使用SVG作为节点图标，这在大部分场景下都表现良好，但是IE下有些小问题，IE下可以将SVG图片绘制到Canvas上，但是无法读取SVG的像素信息，这意味着一些特殊功能（追踪图片边缘，图片染色等）无法被实现，这时候我们考虑选择将SVG解析，转换成Canvas的绘制代码，这样就可以使用Canvas来绘制SVG图片了 项目代码：https://github.com/samsha/svg2canvas canvg.js 是的确实有人在做这样的事，canvg.js 就是一个将SVG转换成Canvas的工具库，甚至有些SVG的动画效 …

Qunee for HTML5有许多地图的示例，包括[地铁图](http://demo.qunee.com/#Shanghai%20Metro Map 2012)，基于[SVG数据的地图](http://demo.qunee.com/#U.S.%20Presidential Election 2012)，结合leaflet的地图等，每个示例都是单独的实现，代码也各有不同，于是我们想，是否能将这些方案统一起来，实现一种地图解决方案呢？于是我们开始整合，从世界地图到国内各市县的地图，再到各种地铁图，都用HTML5技术呈现出来，而在地图之上还有我们的拓扑图，等值分析图，地铁线路分析等等，本文我们将介绍如何使用Qunee加载标准地图数据，实 …

概述 ECharts是百度公司支持的开源产品，定位于Chart，Qunee for HTML5是上海酷利软件的商业软件，定位于拓扑图，两者都是前端技术，同属于数据可视化类库，但差异也很明显，本文将从大的方面对比两者特点 ECharts Qunee for HTML5 License 开源 商业 产品定位 图表 - 饼图、柱状图、雷达图、地图等 拓扑图 - 组织图、流程图、地铁图等 典型界面 标题，图例，数据过滤等 工具栏 - 框选，缩放，搜索等 典型驱动方式 数据驱动，配置 API驱动，二次开发 js大小 echarts.js - 350kb, echarts-all.js - 921kb …

Qunee for HTML5 V1.8新版本正式发布，修复了一些bug，增加了示例，改进了JSON导入导出，方便拓扑图的存储与载入，推出了拓扑图编辑器项目，欢迎访问和升级 中石化网络图示例 自定义层次布局示例 拓扑图编辑器项目  项目地址：https://github.com/samsha/graph.editor 在线演示：http://demo.qunee.com/editor/

继续拓扑图编辑器的开发，并创建了项目Graph.Editor，正式发布到github了，项目使用了nodejs，bower，gulp等HTML5项目开发工具，bower用于前端包管理，Gulp用于自动发包和发布，欢迎Qunee客户使用和贡献代码 相关文章： 拓扑图编辑器（1） 拓扑图编辑器（2） 项目地址：https://github.com/samsha/graph.editor 在线演示：http://demo.qunee.com/editor/ 拓扑图编辑器介绍 Graph.Editor是一款基于HTML5技术的拓补图编辑器，采用jquery插件的形式，是Qunee图形组件的扩展项目 数据可视化是一件有趣的工作，冰冷的数据 …