文本与排版

文本工具槽及其五个成员

工具栏是分组的。你看到的不是 52 个按钮,而是大约 19 个:四个核心导航按钮、十二个分组槽位和三个独立工具。文本占据其中一个分组槽位。槽位上有一个小三角;点击它会弹出该组的成员列表。你选中的工具会留在槽位上,并按槽位保存在浏览器里,所以你最终的工具栏是你自己的,而不是截图里的那一个。

五个成员是 文字工具, 区域文字, 路径文字, 直排文字 和 触控文字。文字工具是槽位默认项,也是唯一有键盘快捷键的一个。其余四个构建的是同一个文本引擎,只是在你按下之前预先装好一个预设:

• 区域文字 装上区域预设,点按一个形状即可在该形状内部排入新文本。
• 路径文字 装上路径预设,点击一条路径即可让文字沿路径排布。
• 直排文字 装上直排书写模式,文字自上而下排列。
• 触控文字 装上一个可抓取单个字符的预设,随后可通过画布上的控制点移动、旋转和缩放该字符。

你会注意到一个命名不一致:工具栏提示写作「Text [T]」,而弹出菜单把同一个工具标为「文字工具」。同一个工具,两个标签。我们还没有统一它。

输入一段文字

1. 选中文本工具槽 按 T,或点击工具栏中的槽位。如果槽位当前是某个预设工具,打开弹出菜单选择文字工具。
2. 在文本起点处点击 光标出现,编辑器挂载完成。开始输入。
3. 在选项栏里设置样式 工具激活后,顶部的选项栏会立即切换为文本控件。前三项是字体族、字体样式和字号。
4. 离开文本 当你想移动或变换对象而不是编辑其中的字符时,按 V 切换到选择工具。

每个文本对象都是文档中真实的 SVG 文本元素,而不是文字的图片。这正是整个编辑器的意义所在:文档本身 就是 SVG,所以你导出的就是你正在编辑的内容。

选项栏实际提供了什么

文本选项栏由文本引擎构建并镜像到界面。从左到右依次是:字体族组合框、字体上传按钮、字体样式组合框、字号、带单位的行高、对齐方式、上标和下标、字距与词距,以及书写方向控件。

• 字体族 是一个支持输入联想的组合框,列出已注册的字体族。若已注册 Arial 则默认 Arial,否则默认始终内嵌的 Roboto。
• 字号 以点为单位,默认 16,预设值从 4 到 144。数值在应用前会先转换为像素。
• 行高 默认 1.25,单位组合框提供 cm、mm、in、pc、px、pt、%、em 和 ex。默认单位是 em。
• 字距 和 词距 是取值 0 到 10 的数字输入框。
• 对齐 提供左、中、右三种,同时设置 text-align 和文本锚点。

两点如实说明。字距控件标注的是 pt,但处理程序按 px 应用数值,所以请以画布上的实际效果为准,而不是标签上的单位。另外,字偶间距、垂直偏移和字符旋转确实存在,但被永久放在选项栏的溢出下拉菜单里,不在栏内直接显示。在画布上操作这些属性,推荐的方式是触控文字。

对齐、基线偏移、文本方向、文本朝向和段落方向这五组按钮不会以整排按钮的形式出现在栏中。每组折叠为一个控件,显示当前图标和一个小箭头,选项收在下拉菜单里。这样在笔记本电脑上选项栏仍然清晰易读。

字体,包括你自己的

字体族组合框旁边有一个标题为「从你的电脑上传字体…」的按钮。它接受 .ttf、.otf、.woff、.woff2 和 .ttc,并且一次可以选多个文件。上传的字体会注册进实时字体列表,保存到你的设备以便重新加载后依然可用;在 Pro 版上还会镜像到云端,同步到你的其他设备。

需要下载而尚未加载的字体族,在列表中会显示为带删除线,直到字节到达。选中它就会开始下载。这比听起来更重要:保存为 .rzv 会把在用的字体嵌入文件,使其保持可移植,而普通 SVG 导出不会携带字体。

泰文及其他复杂文字

有一条规则,在你输入第一个泰文字之前就值得了解。输入时,Rayzia 会用当前激活的字体逐字符检查。如果字体中没有该字符的字形,该字符就会被绘制为问号。

这是有意为之。没有泰文字形的字体会把每个泰文字符映射到 .notdef 字形,其轮廓是空的。由空轮廓组成的文本没有可测量的包围盒,过去这会把整个对象搁浅在文档原点而不是你的光标处,既看不见又难以找回。用可见的问号替代,既保持了几何有效,也让文本留在你放置的位置。

所以看到一排问号时,什么都没坏,什么也没丢。你只是在用一个仅含拉丁字形的字体。换一个支持该文字的字体族,或者上传一个,字符就会正常渲染。输入和粘贴走的是同一套替换逻辑,行为一致。

字体通过网络获取。离线时,或外部字体服务器不可达时,只有内嵌字体族可用,这对非拉丁文字的工作是实际的限制。上传你需要的字体是可靠的解决办法。

常见问题