打开编辑器
前往 /vector/。编辑器加载完成后,你会看到一块空白画布,上面放着一个页面。渲染通过 Skia 在 GPU 上运行,所以内容繁多的文档表现起来与几乎空白的文档差别不大。
在动手之前有一点值得知道:你正在编辑的文档 本身就是 SVG。Rayzia 并不是在最后一步才转换成 SVG。你即将画出的矩形从头到尾都是一个 。这就是为什么之后的导出会显得平淡无奇——对一种文件格式来说,这是最高的赞美。
画一个矩形
- 选择形状工具 按 R,或点击左侧工具栏中的形状槽位。在你更改之前,该槽位默认是矩形。
- 在画布上拖拽 按下、拉出一个框、松开。矩形就画好了。它是文档中一个真实的对象,已被选中并可以继续操作。
- 看看画布上方的工具条 它变了。绘制之前,它显示的是下一个矩形的 W、H、RX 和 RY。现在它已绑定到你刚画出的矩形,所以你可以事后修正尺寸或调整圆角,而不必一次画准。
点按空白画布会把绘制工具重新交回给你,让你不用再次选工具就能继续画矩形。
给它上色
右侧面板坞默认打开填充与描边面板。选中矩形后在那里设置填充色,拖动时画布会实时跟随。描边在同一面板上,单独作为目标编辑。
等你的手熟悉之后还有一条更快的路。工具栏上带有一个填充与描边代理,下面这些按键可以直接操控它。
| 按键 | 作用 |
|---|---|
| X | 切换正在编辑的颜色:填充或描边 |
| Shift+X | 交换填充与描边 |
| D | 重置为默认:白色填充、黑色描边 |
| , | 为当前颜色打开取色器 |
| . | 给当前颜色应用渐变 |
| / | 把当前颜色设为无 |
撤销很便宜,放心用
Ctrl+Z 后退一步,Ctrl+Y 前进一步。这里没有任何不可逆的操作。AI 助手对画布做的任何事情也包括在内:它通过与你相同的命令来绘制,所以会进入同一份历史记录,一次撤销就能回退。
| 按键 | 作用 |
|---|---|
| Ctrl+Z | 撤销 |
| Ctrl+Y | 重做 |
| Ctrl+A | 全选 |
| Ctrl+Shift+A | 取消选择 |
| Delete | 删除所选内容 |
当你想看清整条操作轨迹,而不是连按十一次 Ctrl+Z 碰运气时,从面板坞打开历史记录面板。它按名称列出每一步,把已撤销的步骤置灰,点击任意状态即可直接跳转。
导出
- 打开 文件 ▸ 导出 三种格式:SVG、JPG 和 PNG。右侧命令栏上的导出图标会在浮出菜单中打开同样的三个选项。
- 选择 SVG 场景被序列化并下载。它就是你一直在编辑的那份文档,而不是它的一份转译。
- 或者选择 PNG 或 JPG PNG 保留透明度。JPG 会先在作品背后铺一层白色背景,因为 JPEG 没有透明度可以保留。
批量导出在 文件 ▸ 导出为多屏幕所用格式 中,它把导出目标与缩放倍率和格式交叉组合。免费方案提供 PNG、JPG、SVG 和 WebP 的 1x 与 0.5x。2x、3x、4x 倍率以及 PDF 输出属于 Pro。
这就是完整的循环。绘制、上色、撤销、导出。本课程中的其余内容都是在这四个动作之上展开的细节。
常见问题
我需要注册账号吗?
绘图不需要,导出也不需要。注册账号可以获得云端文件(免费方案有三个)、分享链接,Pro 版还有版本历史。编辑器本身在未登录状态下即可使用。
关闭标签页后我的作品去哪了?
保存在你自己的设备上。编辑停顿约一秒后,文档会快照到 IndexedDB,标签页隐藏时还会强制写入一次。重新打开编辑器,会话就会恢复,包括缩放和平移位置。如果你已登录,同一份快照还会在短暂的静默期后同步到云端。
可以导出 PDF 吗?
可以,通过 文件 ▸ 导出为多屏幕所用格式,该功能属于 Pro。普通的 SVG、PNG 和 JPG 导出在 文件 ▸ 导出 中,完全免费。
可以离线使用吗?
可以。编辑器在你的浏览器中运行并保存到本机。云同步和 AI 助手需要联网,因为前者要访问我们的 API,后者要访问你的 API。