Qunee for HTML5 V2.4beta新版本发布

发表于 & 归档在 HTML5, 拓扑图.

经过半年的迭代更新,在多个2.3.*版本之后,Qunee for HTML5 V2.4beta版本正式发布,此次更新修复了一些bug,增加了新的示例,欢迎访问和升级 在线示例:http://demo.qunee.com/ 官网:http://www.qunee.com 修改内容 1、改进了图片边缘算法,让线条端点更加贴近图片边缘 2、改进GIF图片内存占有量,对于大的gif图片,内存占用量大大降低   3、修改了画布结构和鼠标键盘监听机制,避免了监听器导致的内存无法被释放问题   4、此外增加了五十多个新的API,图片翻转与镜像等,提供更多扩展和定制的可能   新增示例 1、OTDR光缆检测面板示例   在线访问地址:http://demo.qunee.com/#OTDR Demo 2、电路图以及网格刻度背景示例   在线访问地址:http://demo.qunee.com/#Grid Background 3、地图中,节点辐射范围的定制 在线访问地址:http://demo.qunee.com/#China Map

韩国地图示例

发表于 & 归档在 HTML5, 地图.

地图是Qunee图形组件的主要方向之一,发展过程中地图的实现方式比较多,比如基于SVG数据或者自定的json格式数据解析,支持geoJSON和TopoJSON格式,还能叠加leaflet地图

下面的示例是韩国地图,以首尔为中心墨卡托投影,数据格式为topoJSON,数据取自:https://github.com/southkorea/southkorea-maps

屏幕快照 2015-09-14 下午5.42.30

Qunee for HTML5 V2.0新版本发布

发表于 & 归档在 HTML5.

经过四个月的开发,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,增加搜索,全屏等功能

qunee demo v2.0

Qunee招聘HTML5前端开发人员

发表于 & 归档在 HTML5.

上海酷利软件(http://qunee.com)是一家创业型公司,我们关注前端组件技术,在拓扑图、地图、自动布局等方面有深厚的技术积累,基于HTML5 Canvas技术,自主开发的专业图形组件产品,目前已有十几家海内外的付费客户,然创业不息,技术传承,需要更多人才的加入,如果你想接触最前沿的前端技术,欢迎您加入我们,一起打造更多伟大的产品!有意者请发送简历到hr@qunee.com http://qunee.com/join.html HTML5前端软件工程师 职位说明 上海普陀 工作经验不限 本科以上 全职 五险一金 弹性工作时间 方向:数据可视化、前端技术(HTML5,Android,Node.js …)、布局算法 职位职责 Qunee图形组件及扩展产品的开发与维护,海外客户支持 优先要求 1、有相关作品或者技术博客 2、英语优异者优先 联系方式 hr@qunee.com 工作地点 上海市普陀区怒江北路399号-新曹杨科技大厦

SVG to Canvas在线转换工具

发表于 & 归档在 HTML5, JavaScript.

HTML5中有两种图形解决方案:SVG和Canvas,两者都有各自特点,这里不多说,Qunee图形组件中我们常常使用SVG作为节点图标,这在大部分场景下都表现良好,但是IE下有些小问题,IE下可以将SVG图片绘制到Canvas上,但是无法读取SVG的像素信息,这意味着一些特殊功能(追踪图片边缘,图片染色等)无法被实现,这时候我们考虑选择将SVG解析,转换成Canvas的绘制代码,这样就可以使用Canvas来绘制SVG图片了

项目代码:https://github.com/samsha/svg2canvas

SVG to HTML5 Canvas
在线地址:http://demo.qunee.com/svg2canvas/

使用Qunee组件制作在线地图 – 加载GeoJSON/TopoJSON数据

发表于 & 归档在 HTML5, Map, 地图, 拓扑图.

Qunee for HTML5有许多地图的示例,包括地铁图,基于SVG数据的地图,结合leaflet的地图等,每个示例都是单独的实现,代码也各有不同,于是我们想,是否能将这些方案统一起来,实现一种地图解决方案呢?于是我们开始整合,从世界地图到国内各市县的地图,再到各种地铁图,都用HTML5技术呈现出来,而在地图之上还有我们的拓扑图,等值分析图,地铁线路分析等等,本文我们将介绍如何使用Qunee加载标准地图数据,实现从世界地图到国内省市地图的呈现
世界地图 by qunee

Qunee for HTML5与ECharts对比

发表于 & 归档在 HTML5, JavaScript, Web, 地图, 拓扑图.

ECharts是百度公司支持的开源产品,定位于Chart,Qunee for HTML5是上海酷利软件的商业软件,定位于拓扑图,两者都是前端技术,同属于数据可视化类库,但差异也很明显,本文将从大的方面对比两者特点

  • ECharts:图表 – 折线图、柱状图、散点图、K线图、饼图、雷达图、地图、和弦图、力导向布局图、仪表盘以及漏斗图
  • Qunee for HTML5:拓扑图 – 拓扑图 – 社交网络图、网络管理图;地图 – 地铁图、统计地图;其他 – 组织图、思维导图、流程图

echarts vs qunee for html5