发表于 & 归档在 HTML, HTML5, JavaScript, Web, 拓扑图, 编辑器.

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

导航面板

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

以下代码用于设置拓扑图使用导航按钮

graph.navigationType = Q.Consts.NAVIGATION_BUTTON;

滚动条模式 – Q.Consts.NAVIGATION_SCROLLBAR

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

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

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

改进图元编辑模式

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

多边形编辑

在线编辑器V1.6

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

拓扑图在线编辑器 v1.6

新增扩展与示例

JSON导入导出扩展

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

自动布局示例

多种布局之间的动画切换

自动布局动态切换

连线流动动画示例

线条流动效果

UI扩展示例

网络设备数据流信息展示-展开合并

告警冒泡示例

告警冒泡扩展

分组展开合并图标

分组展开合并图标

其他

外边框支持
线条外边框

发表评论

电子邮件地址不会被公开。 必填项已用*标注


九 × 5 =

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>