Qunee for HTML5 v1.4版本发布

发表于 & 归档在 HTML5, JavaScript.

气泡布局示例 自动布局是图的重要功能,有十几种常见布局算法,目前Qunee提供:TreeLayouter, SpringLayouter, BalloonLayouter,后期逐步完善 气泡自动布局 balloonlayouter]]>

Qunee for HTML5 v1.3版本发布

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

http://demo.qunee.com v1.3更新内容

鱼骨型总线

可设定连线走向,实现不同的总线型效果

Q.Text图元类型

提供大小调整和对齐方式功能,实现更丰富的文字呈现效果

Q.Text图元类型

]]>

HTML组件的交互事件设计

发表于 & 归档在 HTML, HTML5, JavaScript, Web.

传统的HTML事件监听方式 通常使用on***对HTML元素添加事件监听,比如

button.onclick = function(evt){
  console.log(evt);
}
很自然的,用户在使用Qunee组件时也会想到这种用法,试图直接在Node上添加onclick监听,结果出现问题,正确的写法应该是这样
graph.onclick = function(evt){
  var element = evt.getData();
  Q.log(element);
}
Qunee拖拽事件过程]]>