节点位置

节点的位置属性

#location - 坐标位置

#rotate - 旋转角度

#zIndex - 图层属性，用以控制图元的显示层次，数值高的显示在上层

#anchorPosition - 挂载点位置，可用于控制节点的对齐方式，同样的位置坐标，不同的挂载点位置呈现不同的效果，默认为节点图片的中心

挂载点位置

示例

相同位置，不同挂载点的节点

var node = graph.createNode("Right");
node.anchorPosition = Q.Position.LEFT_TOP;
node = graph.createNode("Left");
node.anchorPosition = Q.Position.RIGHT_TOP;
node = graph.createNode("TOP");
node.anchorPosition = Q.Position.CENTER_BOTTOM;

运行效果：

示例

创建节点，并设置指定位置，旋转角度和挂载点位置

var defaultNode = graph.createNode("Default Node");
var node = graph.createNode("Node");
node.location = new Q.Point(100, 100);
node.rotate = Math.PI / 3;
node.anchorPosition = Q.Position.LEFT_TOP;

运行效果：

ScreenShot 2014-06-05 at 下午4.13.18.png (image/png)
ScreenShot 2014-06-05 at 下午4.13.50.png (image/png)
ScreenShot 2014-06-06 at 上午11.48.40.png