爱迪生 发表于 2022-11-14 09:54:03

【SpreadJS v16.0 新特性预览】更智能的形状大小调节功能增强

本帖最后由 爱迪生 于 2022-11-16 16:26 编辑

SpreadJSV 16.0支持形状允许调整大小增强

实现 允许调整大小:全部|水平|垂直|方向|无

选中表现



调整行为大小
允许调整大小(“方向”)
使用处理程序调整形状大小时,形状的纵横比将保持不变。
当使用处理程序调整形状大小时,形状的纵横比将改变。


允许调整大小(“水平”)
只有两个控制器,只能更改形状的宽度。



允许调整大小(“垂直”)
只有两个控制器,只能更改形状的宽度。



允许调整大小(是)


允许调整大小(否)
不会显示所有调整大小控制器





调整连接线形状的行为
在[方向,水平,垂直,是]调整大小模式下,当鼠标移动到连接点时,它将直接连接到连接点。



API
export class ShapeBase {
allowResize(value?: ResizeMode | boolean): ResizeMode | boolean

// ... other api
}

export enum ResizeMode {
    /**
   * 显示所有调整大小控制器,当使用处理程序调整形状大小时,形状的纵横比将保持不变。
   */
    aspect = 0,

    /**
   * 仅显示调整大小控制器,该处理程序只能在调整形状大小时更改形状的宽度。
   */
    horizontal = 1,

    /**
   * 仅显示调整大小控制器,该处理程序只能在调整形状大小时更改形状的高度。
   */
    vertical = 2
}支持的形状类型和默认值

形状类型


默认值



相机尺寸方向
连接器是
表单控件是
组合图形是
图片形状方向
形状是

注意:允许调整大小属性只影响UI行为,形状的宽高API不受影响。
在线表格编辑器与之前版本的不同:





页: [1]
查看完整版本: 【SpreadJS v16.0 新特性预览】更智能的形状大小调节功能增强