Qunee for HTML5 v1.6新版本发布

Qunee for HTML5 V1.6正式发布,修复了一些 BUG,增加了滚动条支持,改进了编辑器,增加了JSON 导入导出、告警冒泡、连线流动,UI 定制等扩展示例,欢迎 访问

导航面板

增加了滚动条导航模式,加上之前的导航按钮模式,以及去除导航面板的情况,出现了三种导航模式,并在Graph中提供了navigationType属性进行切换,以适用于不同的应用场景,默认使用滚动条模式 以下代码用于设置拓扑图使用导航按钮

graph.navigationType = Q.Consts.NAVIGATION_BUTTON;

滚动条模式 - Q.Consts.NAVIGATION_SCROLLBAR

滚动条模式符合传统的导航模式,同时支持不限画布范围导航,具有良好的惯性效果,适合在不同模式下使用,qunee 默认使用这种模式

Qunee for HTML5 v1.6新版本发布_第1张图片

导航按钮模式 - Q.Consts.NAVIGATION_BUTTON

按钮模式占空间较小,可以标示出画布的大体范围,适合在与地图结合的场景中使用

  Qunee for HTML5 v1.6新版本发布_第2张图片

改进图元编辑模式

增加创建多边形,多线段,调整多边形大小等功能

Qunee for HTML5 v1.6新版本发布_第3张图片

在线编辑器V1.6

改善编辑器功能,整合 JSON 导入导出,右键菜单等功能,后期持续改进

Qunee for HTML5 v1.6新版本发布_第4张图片

新增扩展与示例

JSON导入导出扩展

提供拓扑图数据序列化保存的解决方案

Qunee for HTML5 v1.6新版本发布_第5张图片

自动布局示例

多种布局之间的动画切换

Qunee for HTML5 v1.6新版本发布_第6张图片

连线流动动画示例

Qunee for HTML5 v1.6新版本发布_第7张图片

UI扩展示例

Qunee for HTML5 v1.6新版本发布_第8张图片

告警冒泡示例

Qunee for HTML5 v1.6新版本发布_第9张图片

分组展开合并图标

Qunee for HTML5 v1.6新版本发布_第10张图片

其他

外边框支持

Qunee for HTML5 v1.6新版本发布_第11张图片

你可能感兴趣的:(html5,版本发布,拓扑图,qunee,图形组件)