xinglie / report-designer

⚡打印设计、可视化、标签打印、编辑器、设计器、数据分析、报表设计、组件化、表单设计、h5页面、调查问卷、pdf生成、流程图、试卷、SVG、图形元素、物联网、标签纸
https://xinglie.github.io/report-designer/
929 stars 242 forks source link

同步宽高操作 #9

Closed xinglie closed 8 months ago

xinglie commented 4 years ago

同步宽高操作

如果使用工具栏中的宽高同步工具,因为无法获知以哪个元素为准进行同步,所以会算出最大或最小尺寸然后同步,如工具上的提示

image

如果需要精确控制,则需要使用右键菜单

因为是精确控制,所以右键菜单只支持2个元素选中时的同步操作,如下所示

image

以鼠标下的元素为要同步到的目标元素,其它元素为来源元素。

  1. 同步宽

    把其它元素的宽度同步给鼠标下的元素

  2. 同步高

    把其它元素的高度同步给鼠标下的元素

  3. 同步宽作为高

    把其它元素的宽同步给鼠标下元素的高

  4. 同步高作为宽

    把其它元素的高同步给鼠标下元素的宽

不是所有元素都支持同步宽高操作,比如表格,因为宽和高都是动态的,则它无法与其它有固定宽高的元素同步,SVG中的部分元素(如贝塞尔,多边形等)也同样的道理,它们都不具备固定的宽高,所以不能使用同步宽高的功能

如果使用工具栏,则元素有编辑锁定时,不能同步,使用鼠标时,如果鼠标下的元素是编辑锁定则不能同步