跳至主要内容

Excalidraw手动在画布上绘制一个透明矩形框,作为背景。如何操作?

    

1. 绘制矩形框

  1. 选择矩形工具
    • 在工具栏中,点击“矩形”图标(或按快捷键 R 选择矩形工具)。
  2. 绘制矩形
    • 在画布上拖动鼠表,绘制一个矩形框,覆盖你想要的导出区域。

2. 设置矩形的透明背景和边框

  1. 选择矩形
    • 点击刚绘制的矩形,确保它被选中。
  2. 调整背景填充颜色
    • 在屏幕顶部工具栏的 Fill color(填充颜色) 中,选择“透明”(图标通常是一个带斜杠的方框)。
  3. 调整边框颜色和线条样式
    • Stroke color(边框颜色):可根据需求设置颜色(如黑色、灰色)或设为透明(无边框)。
    • Stroke width(边框宽度):如果需要边框作为参烤,选择合适宽度;否则可设为 0(无边框)。

3. 调整矩形框的尺寸

  1. 移动和缩放矩形框
    • 拖动矩形边缘上的控制点(白色圆点),调整框的大小,使其完全包含绘图内容,并预留你需要的边距。
  2. 对齐矩形框与内容
    • 如果矩形框需要精确包裹内容,可以在画布上辅助绘制对齐线。

4. 导出时确保矩形框被包含

  1. 确保矩形框是绘图的一部分
    • 在导出时,Excalidraw会按照绘图内容的边界进行裁切,因此矩形框需要实际存在。
  2. 导出 PNG
    • 使用“Export to PNG”功能,矩形框的区域将决定图片的边界大小。

5. (可选)将矩形框置于最底层

如果矩形框干扰到其他图形,可以将其移至底层:

  1. 右键点击矩形框或使用工具栏中的“排列层级”按钮。
  2. 选择 Send to back(置于底层),让其不会遮挡绘图内容。

评论

此博客中的热门博文

fontsize shortcuts 插件,如何使用它

  在  VS Code  中安装了  fontsize shortcuts  插件后, 您可以使用它提供的快捷方式来调整编辑器中文本的字体大小。 这个插件允许你通过简单的快捷键增大或减小字体大小,非常方便。 使用  fontsize shortcuts  插件的步骤: 安装插件后,重启 VS Code (如果插件安装后没有自动启用的话)。 使用默认快捷键:  插件安装后,通常会提供以下默认的快捷键来调整字体大小: 增大 字体大小:   Alt + ↑ (向上箭头) 减小字体大小:   Alt + ↓ (向下箭头) 恢复默认字体大小:   Alt + 0

FontSizeSwitcher插件如何使用

     FontSizeSwitcher  插件是  Visual Studio Code  中的一个插件,它允许用户通过快捷键快速调整编辑器中的字体大小。 1. 安装 FontSizeSwitcher 插件 打开 VS Code 。 点击左侧边栏的“ 扩展 ”图标(或者按  Ctrl + Shift + X )。 在 搜索框 中输入  FontSizeSwitcher ,然后选择插件并点击“ 安装 ”。 2. 配置快捷键 安装完插件后,可以通过设置快捷键调整字体大小。 增大字体:   Ctrl + Alt + Up 减小字体:   Ctrl + Alt + Down 恢复默认字体大小:   Ctrl + Alt + 0 3. 自定义快捷键(可选) 也可以自定义快捷键: 按  Ctrl + K ,然后按  Ctrl + S (或从菜单中选择“ 文件 ” > “ 首选项 ” > “ 键盘快捷方式 ”)。 在快捷键设置页面顶部的搜索框中,输入  FontSizeSwitcher ,找到相关的命令。 点击命令旁边的铅笔图标,选择您想要的快捷键,按下后保存。 4. 配置插件设置(可选) 插件通常会提供一些配置选项,您可以通过编辑  settings.json  文件来调整字体大小的步长或其他相关设置。 打开  settings.json  文件: 按  Ctrl + Shift + P  打开命令面板。 输入  "Preferences: Open Settings (JSON)" ,选择该项打开  settings.json  文件。 修改字体大小增减步长: 您可以在  settings.json  中调整字体大小增减的步长(即每次调整字体时增减的像素数),例如: json "fontsize-switcher.step" : 2 这将使每次调整字体大小时增加或减少 2px,而不是默认的 1px。

如何隐藏vs编辑时,行首处显示的行序号

    通过设置界面关闭行号显示 打开设置: 点击左下角的齿轮图标(⚙),然后选择  " 设置 " 。 或者按  Ctrl + ,  打开设置。 搜索行号设置: 在设置叶面顶部的 搜索 框中输入  line numbers 。 禁用行号: 找到  Editor: Line Numbers   选项。 点击其右侧的下拉菜单,并选择  " off " 。这样就可以禁用行号显是了。