轻量高效的拓扑图组件
zh

Qunee for HTML5 V2.7版本发布

2018-10-25 2022-04-28 最后修改

Qunee for HTML5 V2.7.0.2版本正式发布,主要增加qunee-es.js格式类库,可以使用es6的import语法导入,示例如下 <script type="module"> import Q from "./lib/qunee-es.js"; var graph = new Q.Graph('canvas'); var hello = graph.createNode("Hello", -100, -50); hello.image = Q.Graphs.server; var qunee = …

阅读更多

基于HTML5的北京地铁图示例

2017-05-10

最近又有客户提到地铁图,高速路线图的需求,本质上只是基本的线条和点,重点是要有坐标数据,我从北京地铁官网找到了路线的xml数据,于是就做了个简单的示例,以供参考 在线演示: http://map.qunee.com/beijing_subway.html 数据来源为:http://www.bjsubway.com/subwaymap/station_map.html 因为代码非常简单,只有一百来行,所以这里就不多赘述,直接访问在线示例,查看源码即可 北京地铁图-html5_代码

阅读更多

Qunee for HTML5 V2.6新版本发布

2017-01-19

经过漫长的小幅升级,Qunee for HTML5最新版本来到了V2.6,主要修复了一些bug,另外增加了一些示例 欢迎升级或者申请试用: http://www.qunee.com 1、修复的bug 修复了IE下创建连线交互参考线绘制存在的问题 修复了IE下画布获取焦点时滚动条会跳动的问题 修复IE, Edge下框选group时出现的异常 修复了起始和结束节点重合时,导致连线捆绑曲线出现异常的问题 修复svg图标的节点,连线端点不到图片边缘的问题 解决Chrome最小字体限制 … 2、增加缩略图示例 http://demo.qunee.com/ 3、 …

阅读更多

graph.editor V2.5更新到github

2016-05-03

graph editor项目一直在修改中,在线示例也一直保持更新,最近我们对项目目录做了梳理,并整理了更多demo,更新了说明文档,提交到了github,以方便用户提取,对于github访问有困难的用户可以通过邮件(support#qunee.com)向我们索取项目代码 项目地址:https://github.com/samsha/graph.editor 更新说明 1、去除了bower包管理,改成直接引用相关的类库文件 由于graph.editor用到的第三方类库不多,依赖性也不高,包管理的必要性不大,所以直接将相关类库文件放在libs/目录中,不需要bower install,直接拿过来就可以运行示例,省去了install …

阅读更多

Qunee Interaction Event Type

2016-04-26 2022-04-26 最后修改

Qunee makes some integration to Mouse, Key and TouchEvent. In order to facilitate the operation, it retains some original events and expands some other events. KeyEvent  onkeydown – keydown event MouseEvent or TouchEvent There are some integration made to the original MouseEvent or TouchEvent, some of which are …

阅读更多

Launch of Qunee for HTML5 V2.5

2016-04-11 2022-04-26 最后修改

Qunee for HTMl5 V2.5 beta2 is launched. This version makes a great change on the kernel, adopts new 2D render engines, adds paint delay function, and improves the browsing experience of canvas by a large margin. It also reconstructs the process of MouseEvent, KeyEvent, and TouchEvent interaction, adds right button …

阅读更多

Qunee for HTML5 V2.5新增交互事件类型

2016-04-06

Qunee对鼠标键盘以及触摸事件做了整合,保留了一些原生事件,同时也扩展了一些事件,更加方便使用 键盘事件 onkeydown - 键盘按下事件 鼠标或触摸事件 对原始的MouseEvent或TouchEvent进行了整合,其中一些为桌面版浏览器所特有,比如#onmousewheel,也有一些为移动设备浏览器特有,比如#onpinch onclick - 单击事件 ondblclick - 双击事件 onstart - 鼠标或者单指按下 onrelease - 鼠标释放或者触控释放 startdrag - 开始拖拽 ondrag - 拖拽中 enddrag - 停止拖拽 onlongpress - 长按事件,鼠标按住或者单指按 …

阅读更多

Qunee for HTML5 V2.5新版本发布

2016-04-06

Qunee for HTMl5 V2.5 beta2版本正式发布,此次版本内核改动较大,采用了新的2D渲染引擎,增加了延迟绘制功能,大幅改善画布的浏览体验,此外重构了鼠标键盘以及触控交互监听处理,增加右键框选功能,改善了多点触控交互,增加了更多定制事件监听 1. 新的渲染引擎和变换矩阵,增加延迟绘制,缩短交互响应时间,平板设备上效果更加明显 Q.Graph#pauseRendering: function(pause, force){} Q.Graph#delayedRendering 下面是大数据量(五万图元)缩放交互时,关闭和开启延迟渲染的对比效果 关闭延迟渲染,graph.delayedRendering = false,界面 …

阅读更多