节点的位置属性

#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;

运行效果: