logo
编辑器使用

元素通用操作

图表、图片、形状、文本等元素通用的操作

元素操作

选择元素

单个选择

  • 直接点击元素进行选择
  • 选中后会显示控制框和操作手柄

多选操作

  • 框选: 在空白处按住左键拖动选择
  • Shift+点击: 追加或取消选择
  • Ctrl/Cmd+A: 选择当前页面所有元素

选择技巧

  • 点击空白处取消选择
  • 锁定的元素无法被选中
  • 可以在图层面板中选择元素

移动元素

拖动移动

  • 选中元素后直接拖动
  • 移动时会显示智能参考线

微调位置

  • 使用键盘方向键微调(1px)
  • Shift+方向键大幅度移动(10px)
  • 在属性面板输入具体坐标值

调整大小

手动调整

  • 拖动元素四周的控制点
  • 拖动四角控制点可等比例缩放

精确调整

  • 在属性面板输入具体尺寸

旋转元素

自由旋转

  • 鼠标移到旋转手柄
  • 按住左键拖动旋转

精确旋转

  • 在属性面板输入旋转角度

元素组合

  • 选择多个元素
  • 右键选择"组合"或按 Ctrl/Cmd + G 创建组合
  • 选中组合后右键选择"解组"或按 Ctrl/Cmd + Shift + G 可解除组合

图层操作

调整图层顺序

选中元素后可以使用以下方式调整层级:

  • 右键菜单选择"置于顶层"/"置于底层"
  • 使用快捷键 Ctrl/Cmd + ] 上移一层
  • 使用快捷键 Ctrl/Cmd + [ 下移一层
  • 在图层面板中拖动调整位置

隐藏/显示元素

选中元素后:

  • 右键菜单选择"隐藏"
  • 在图层面板中点击元素的眼睛图标取消元素隐藏

锁定/解锁元素

选中元素后:

  • 右侧菜单选择"锁定"/"解锁"
  • 点击元素的"锁定"图标进行解锁
  • 在图层面板中点击右键选择"锁定"/"解锁"

提示

  • 锁定的元素无法被选中和编辑
  • 可以同时操作多个元素的显示/隐藏状态
  • 图层面板可以快速定位和管理元素

删除元素

可以通过以下方式删除元素:

  • 选中后按 Delete/Backspace 键
  • 选中后点击元素上方的"删除"图标
  • 右键菜单选择"删除"
  • 在图层面板中选中后按 Delete/Backspace 键

注意

  • 删除操作可以撤销(Ctrl/Cmd + Z)
  • 组合元素删除时会删除组内所有元素
  • 锁定的元素无法被删除

对齐功能

与页面对齐

选中单个元素,使用右侧面板的对齐工具栏:

  • 左对齐
  • 右对齐
  • 顶对齐
  • 底对齐
  • 水平居中
  • 垂直居中

多元素对齐

  • 选中多个元素
  • 使用右侧面板的对齐工具栏对齐

分布对齐

  • 选中 3 个以上元素
  • 使用分布工具:
    • 水平等间距
    • 垂直等间距

元素下载

  • 选中单个或多个元素
  • 点击选中元素后出现的「更多」或是点击右键
  • 在菜单中选择「下载」
  • 在页面的右上方出现的弹窗中选择对应的格式尺寸,点击「下载」即可下载到浏览器的下载内容中