轻松探索Excalidraw：掌握无限画布与矩形绘制秘诀

Excalidraw 终极指南：开启无限创作旅程

在图形创作的世界里，Excalidraw 横空出世，掀起了一场创意风暴。它凭借着简洁直观的界面和强大的功能，俘获了无数设计爱好者的芳心。今天，让我们踏上 Excalidraw 的奇妙旅程，解锁无限画布的奥秘，轻松导出你的杰作，并通过绘制矩形揭秘 canvas 的绘制原理。

一、邂逅无限画布，尽情挥洒创意

Excalidraw 的画布打破了传统意义上的边界限制，让你可以随心所欲地创作，不受任何束缚。开启无限画布之旅，只需几个简单的步骤：

1. 创建新项目： 开启一个全新的 Excalidraw 项目，为你的创意铺路。
2. 选择无限画布： 点击工具栏中的"画布"按钮，在弹出的窗口中勾选"无限画布"选项。
3. 确认设置： 点击"确定"按钮，让你的画布无限延展，任由你的想象力翱翔。

二、坐标系转换，轻松掌控画面

Excalidraw 中，屏幕坐标系和 canvas 坐标系是两个独立的概念。掌握二者的转换关系至关重要，让你轻松地将屏幕上的元素绘制到 canvas 上。

屏幕坐标系： 相对于浏览器窗口的坐标系。
Canvas 坐标系： 相对于 canvas 画布的坐标系。

坐标系转换公式：

x_canvas = x_screen * scaleX + offsetX
y_canvas = y_screen * scaleY + offsetY

其中：

• x_canvas、y_canvas：canvas 坐标系中的坐标值。
• x_screen、y_screen：屏幕坐标系中的坐标值。
• scaleX、scaleY：缩放比例。
• offsetX、offsetY：偏移量。

三、导出图片，分享你的杰作

当你完成创作，迫不及待地想要与他人分享你的杰作时，Excalidraw 为你提供了多种导出格式，包括 PNG、JPEG、SVG 和 PDF。根据你的需求，选择合适的格式，轻松导出你的作品。

导出步骤：

1. 点击"导出"： 点击工具栏中的"导出"按钮。
2. 选择格式： 在弹出的窗口中，选择所需的导出格式。
3. 确认导出： 点击"导出"按钮，与世界分享你的创意成果。

四、绘制矩形，揭秘 canvas 的奥秘

矩形是 canvas 绘制中最基本也是最常用的形状。通过绘制矩形，我们可以深入理解 canvas 的绘制原理，为后续的创作打下坚实的基础。

绘制矩形步骤：

1. 选择"矩形"工具： 从工具栏中选择"矩形"工具。
2. 拖动绘制： 在画布上拖动鼠标，创建矩形。

绘制矩形时，你会发现矩形的大小和位置由鼠标移动决定。这就是 canvas 绘制的核心原理：根据鼠标的移动来确定绘制的形状和位置。

五、深入探索 Excalidraw

掌握了 Excalidraw 的基础后，让我们更深入地探索它的强大功能：

• 创建流程图和示意图： 清晰展示流程和关系，提升工作效率。
• 绘制思维导图： 理清思绪，捕捉灵感，提升创新力。
• 协作创作： 与他人实时协作，共同打造创意成果。
• 自定义元素： 个性化你的画布，创建独一无二的图形元素。
• 集成第三方工具： 与其他工具无缝集成，扩展创作边界。

常见问题解答

1. 如何使用 Excalidraw？
   Excalidraw 是一款在线绘图工具，无需下载或安装。访问官网 https://excalidraw.com/，即可免费使用。

2. Excalidraw 支持哪些格式？
   Excalidraw 支持 PNG、JPEG、SVG 和 PDF 等多种导出格式。

3. 如何在 Excalidraw 中创建文本框？
   选择"文本"工具，然后点击画布上的任意位置即可创建文本框。

4. 如何更改画布背景色？
   点击工具栏中的"画布"按钮，在弹出的窗口中选择"背景色"选项，即可更改画布背景色。

5. 如何复制和粘贴元素？
   选中要复制的元素，然后按 Ctrl + C 复制，按 Ctrl + V 粘贴。

结语

Excalidraw 是一个功能强大的绘图工具，它赋予了你无限的创作空间。无论是创建流程图、示意图还是思维导图，Excalidraw 都能为你提供所需的一切。掌握本指南，开启你的无限创作旅程，用 Excalidraw 捕捉你的灵感，创造属于你的视觉盛宴。