轻量高效的拓扑图组件
zh

Qunee Developer Guide

平移缩放操作

Graph组件使用漫游平移交互,支持拖拽平移,滚轮缩放,移动设备上支持触控平移,双指缩放等功能,且支持惯性动画效果,下面是相关接口函数:

示例

平移画布中心点为(-100, -50)

var graph = new Q.Graph(canvas);
 
var hello = graph.createNode("Hello", -100, -50);
var qunee = graph.createNode("Qunee", 100, 50);
var edge = graph.createEdge("Hello\nQunee", hello, qunee);
 
graph.callLater(function(){graph.centerTo(-100, -50, 1.5);});

运行效果

画布整体向右下角移动,节点‘Hello’到了组件的中心位置

ScreenShot 2014-06-05 at 下午4.39.40.png