Derrick.Jiao 发表于 2021-5-7 15:02:42

SpreadJS V14 Update1 新特性 - 形状增强 - 对齐方式

本帖最后由 DerrickJiao 于 2021-5-7 16:41 编辑

自动吸附,可以理解为是一种对齐方式,一共有三种不同的吸附方式:none、grid、shape。该特性可以序列化和反序列化为json,由于Excel不支持,因此,该特性不支持Excel的导入导出。

那么形状的吸附对齐是以什么为基准呢?就是以下面两张不同方向的吸附线为基准。
在水平方向移动时,形状会对齐下面三条线的位置。


在垂直方向移动时,形状会对齐下面三条线的位置。

形状上的8个点都可以吸附


我们再来说一下三种吸附方式,第一种none,就是默认的随意拖放或者调整大小不会进行吸附;第二种是grid,形状会根据调整上面的点与网格线的距离去与最近的网格线位置进行吸附;第三种是shape,与网格线类似,会找到与该形状想接近的形状,以此形状的顶部中部底部为基准去对齐。其实还有第四种,就是grid与shape,也就是根据网格线和就近的形状同时为基准进行吸附。

要想修改吸附的模式也很简单,使用下面的代码即可
var sheet = spread.getActiveSheet();
    sheet.shapes.snapMode(GC.Spread.Sheets.Shapes.SnapMode.grid | GC.Spread.Sheets.Shapes.SnapMode.shape);
另外,形状的对齐排列有水平对齐与垂直对齐。

设置的方式是以命令的形式执行,例如:
var commandManager = spread.commandManager();
    commandManager.execute({
      cmd: 'moveShapesByHAlign',
      sheetName: sheet.name(),
      shapeNames: ['rect1','line1','heart1','group1'],
      alignment: GC.Spread.Sheets.Shapes.HorizontalAlign.left
    });


页: [1]
查看完整版本: SpreadJS V14 Update1 新特性 - 形状增强 - 对齐方式