撤销与重做
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的功能。