多比图形控件教程7


3.5 图层前后顺序

在多比图形中,我们引入了z-order这么一个概念,和html/css中的z-order有点类似。这个值反应了图形元素之间的重叠顺序,值越高的节点会挡住值低的节点。如果没有指定,节点的z-order会按照被添加的顺序自动设置。后添加的会挡住先添加的。

在“HelloWorld”例子中, 你移动world节点,就会挡住hello节点,如下图。

java网页中的图元叠加顺序

相互重叠的节点

可以使用toFrontShape和toBackShape函数来改变元素之间的叠加关系。以下是一个例子。

//得到一个画图空间

var sa = Duobee.createDiagram("diagram");

//等待flash加载完成

sa.onready = function () {

    //使用画图空间产生一个图形

    var shape = sa.createShape("StandardShapes.Rectangle", { });

    //将图形放置顶层

    sa.toFrontShape(shape.path);

}

上一篇 下一篇

评论



分享