Skip to content

1. 图片导出

js
// 导出成图片(在浏览器新标签页打开)
stage.saveImageInfo();

// 导出图片(png), 并下载到本地
stage.saveAsLocalImage();

2. 下载为json文件

仅支持单个Layer的场景
js
stage.download(文件名); // 例如: stage.download('abc.json');

3. 工具栏显示隐藏

js
// 显示
stage.showToolbar();

// 隐藏
stage.hideToolbar();

4. 画布

js
// 禁止鼠标滚轮缩放
layer.wheelZoom = false;

// 禁止鼠标拖拽
layer.draggable = false;

5. 设置背景

js
// 图片拉伸铺满
layer.css({
    background: 'url(./xxx/abcpng) no-repeat',
    backgroundSize: '100% 100%'
});

// 纯颜色
layer.css({
    background: 'gray',
});

获取选中的对象

js

// 获取鼠标当前点击选中的对象
let obj = stage.inputSystem.target;

// 获取选中的所有对象, 框选 和 点击
let objects = stage.selectedGroup.objects;

6. 缩略图控制

js
/**
 * 显示缩略图 (所在div的css属性position为 absolute)
 * <pre>
 * 可通过css样式来定位,例如:
 */
stage.showOverview({
    left: 0,
    bottom: -1
});

// 隐藏缩略图
stage.hideOverview();

7. 显示调试信息面板

调试信息面板可以在左上角显示鼠标的位置、当前选中的对象坐标等信息。
js
stage.showDebugPanel();

如下: