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

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

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

选中表现



调整行为大小
允许调整大小(“方向”)
使用[NW、NE、SW、SE]处理程序调整形状大小时，形状的纵横比将保持不变。
当使用[N，S，W，E]处理程序调整形状大小时，形状的纵横比将改变。


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



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



允许调整大小(是)


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





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



API

1. export class ShapeBase {
   
2.   allowResize(value?: ResizeMode | boolean): ResizeMode | boolean
   
3.   
   
4.   // ... other api
   
5. }
   
6. 
   
7. export enum ResizeMode {
   
8.     /**
   
9.      * 显示所有调整大小控制器，当使用[NW，NE，SW，SE]处理程序调整形状大小时，形状的纵横比将保持不变。
   
10.      */
    
11.     aspect = 0,
    
12. 
    
13.     /**
    
14.      * 仅显示[W，E]调整大小控制器，该处理程序只能在调整形状大小时更改形状的宽度。
    
15.      */
    
16.     horizontal = 1,
    
17. 
    
18.     /**
    
19.      * 仅显示[N，S]调整大小控制器，该处理程序只能在调整形状大小时更改形状的高度。
    
20.      */
    
21.     vertical = 2
    
22. }

复制代码

支持的形状类型和默认值

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

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