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();
如下: