Skip to content

撤销与重做

diy.js作为一个业务级图形库,自带了较为完善的图层管理功能。

介绍

diy.js提供了一些图层管理相关的基础API:

javascript
/* 获取被激活的图形 */
const shape = stage.getActive();

/* 当前图层 */
const index = shape.getIndex();

/* 上移一层 */
shape.forward();
/* 下移一层 */
shape.backward();
/* 置于顶层 */
shape.moveTop();
/* 置于底层 */
shape.moveBottom();
/* 移动到指定层 */
shape.moveIndex(2);

/* 标记图形为固定图层,但是不会触发实际操作,当产生图层变化时会自动固定 */
/* 固定从下往上第二图层 */
shape.fixed = 2;
/* 固定从上往下第二图层 */
shape.fixed = -2;

在线演示

你可以访问我们的演示案例来体验DIY.JS的功能。