文字工具

您所在的位置:网站首页 手机怎么输入竖排文字 文字工具

文字工具

2024-07-13 03:12| 来源: 网络整理| 查看: 265

高级排版功能和 SVG 源代码标签页的使用¶

Krita 的文字工具符合 SVG 规范,但它的可视编辑器的功能较简单,无法使用 SVG 规范的所有特性。如果你懂 SVG 而且想要使用它的高级特性,你可以在 SVG 源代码 标签页编辑文字的源代码。在默认情况下文字编辑器会同时将可视编辑器和 SVG 源代码框并列显示为两个标签页。如果你不小心关闭了它,可以在文字编辑器菜单的设置中选择 仅使用 SVG 源代码 或者 两者 。请注意:可视编辑器无法识别 SVG 源代码所支持的全部特性,来回切换时可能丢失格式,请谨慎操作。

单词间距、字符间距和字偶间距调整¶

上述 3 种属性都可被可视编辑器读写,但只有 2 种可以通过可视编辑器直接控制。

字偶间距调整

字偶间距调整在 SVG 1.1 规范中的定义与 CSS 中的 font-kerning 属性略有不同。Krita 默认将其设为 auto ,也就是启用字偶间距调整。要关闭此功能,请在文字代码的 style 部分使用 kerning: 0; ,它的数字数值将被加进当前的 letter-spacing 属性中去。

No Kerning on Valhalla Tower. 字符间距

字符间距是字符之间的距离,通常以 pt 为单位。只需在 style 属性中添加 letter-spacing 并在其后附加一个以 pt 为单位的距离。设为负值时,字符之间的距离会缩小。下面的例图展示了字符间距在不同数值下的效果,例图下方还附有对应的 SVG 源代码以供参考。

单词间距

指定单词之间的额外距离,单位为 pt。默认间距为所用字体的空格符号宽度,它的SVG 源代码为 word-spacing: 0; 。设为负值可以缩小单词之间的距离。在下方例图中,由上到下分别为:默认值、字符间距 2、字符间距 -2、单词间距 5、单词间距 -5 的效果,最后还附上了它们的 SVG 源代码:

无调整 字符间距:2 字符间距:-2 单词间距:5 单词间距:-5 x, y, dx, dy¶

你可以使用这些 SVG 属性来微调文字的位置,但是它们无法被转换为可视编辑器的格式。可视编辑器使用同样名称的属性来确定某一行是否新行,因此会覆盖 SVG 编辑器中的相同数值。

X 和 Y

X 和 Y 是文字的绝对坐标。不过由于你无法在可视编辑器中更改绝对坐标,它们要在 SVG 源代码中添加到 tspan 标签中作为 style。

dx 和 dy

dx 和 dy 是参照上一个字母位置的相对坐标。

字体拉伸和小型大写字母¶

字体拉伸 (font stretch) 和小型大写字母 (small-caps) 属性可被写入可视编辑器的内部格式,但它们对画布的文字对象没有效果。

主基线、对齐基线、字体大小调整、写入模式、字形朝向、旋转等¶

主基线 (Dominant Baseline)、对齐基线 (Alignment baseline)、字体大小调整 (Font-size-adjust)、写入模式 (Writing mode)、字形朝向 (Glyph-orientation)、旋转 (rotate) 等属性目前能够在可视编辑器的内部格式中保存,并且可以写入到 SVG 源代码,但 SVG 文字形状不会使用这些属性。

Krita 会在从可视编辑器中转换过来的 SVG 源代码生成字体大小调整 font-size-adjust 属性,这样可以为接下来的 SVG 源代码调整工作提供便利。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3