主页 / 问题 / 806426
Accepted
Дмитрий Полянин
Asked:2020-03-29 17:31:48 +0000 UTC2020-03-29 17:31:48 +0000 UTC

将文本转换为路径

  • 772

我有SVG一个文本文件

<svg width="430" height="133" style="background: pink">
   <text x="20" y="100" font-size="100" fill="blue">ПРИВЕТ</text>
</svg>

我需要将文本转换为path，以便每个字母都成为路径，我该怎么做？

JavaScript、编辑器、在线服务 - 任何解决方案都适用，因为操作是一次性的。

svg

3 个回答

  1. 从 *.eot、*.ttf、*.woff 格式文件到 svg 字体的转换器

    CodeAndMore @font-face 制作简单的工具

    onlinefontconverter.com

    freefontconverter.com

    • 5

  2. 通过Inkscape解决方案

    将带有文本的图像保存在file_text.svg.

    从 Windows 控制台运行：

    inkscape file_text.svg --export-text-to-path --export-plain-svg file_shapes.svg

    我们file_shapes.svg从paths.

    当然，Inscape的路径和上面命令中的文件必须是完整的，在我的例子中是：

    "C:\Program Files\Inkscape\inkscape.exe" "C:\Users\User1\Desktop\logo.svg" --export-text-to-path --export-plain-svg "C:\Users\User1\Desktop\logoRez.svg"

    答案基于此。

    原始文件。

    <svg width="460" height="133" style="background: pink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="www://www.w3.org/1999/xlink">
   <text font-family="Arial" x="20" y="100" font-size="100" fill="blue">HALLOW</text>
</svg>

    由实用程序和手动清理后生成的文件。

    <svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" version="1.1" height="133" width="460">
  <g id="text2" aria-label="HALLOW" style="fill:#00f;font-family:Arial;font-size:100">
    <path id="path12" d="M28.01 100V28.42h9.47V57.81H74.69V28.42h9.47V100H74.69V66.26H37.48V100Z" style="fill:#00f;font-family:Arial;font-size:100"/>
    <path id="path14" d="M92.12 100 119.61 28.42h10.21L159.11 100H148.32L139.97 78.32H110.04L102.18 100ZM112.77 70.61h24.27L129.57 50.78q-3.42-9.03-5.08-14.84-1.37 6.88-3.86 13.67z" style="fill:#00f;font-family:Arial;font-size:100"/>
    <path id="path16" d="M166.39 100V28.42h9.47v63.13h35.25V100Z" style="fill:#00f;font-family:Arial;font-size:100"/>
    <path id="path18" d="M222.05 100V28.42h9.47v63.13h35.25V100Z" style="fill:#00f;font-family:Arial;font-size:100"/>
    <path id="path20" d="m275.22 65.14q0-17.82 9.57-27.88 9.57-10.11 24.71-10.11 9.91 0 17.87 4.74 7.96 4.74 12.11 13.23 4.2 8.45 4.2 19.19 0 10.89-4.39 19.48-4.39 8.59-12.45 13.04-8.06 4.39-17.38 4.39-10.11 0-18.07-4.88-7.96-4.88-12.06-13.33-4.1-8.45-4.1-17.87zm9.77 0.15q0 12.94 6.93 20.41 6.98 7.42 17.48 7.42 10.69 0 17.58-7.52 6.93-7.52 6.93-21.34 0-8.74-2.98-15.23-2.93-6.54-8.64-10.11-5.66-3.61-12.74-3.61-10.06 0-17.33 6.93-7.23 6.88-7.23 23.05z" style="fill:#00f;font-family:Arial;font-size:100"/>
    <path id="path22" d="M368.34 100 349.35 28.42h9.72l10.89 46.92q1.76 7.37 3.03 14.65 2.73-11.47 3.22-13.23L389.82 28.42H401.25l10.25 36.23q3.86 13.48 5.57 25.34 1.37-6.79 3.56-15.58l11.23-46h9.52L421.76 100h-9.13L397.54 45.46q-1.9-6.84-2.25-8.4-1.12 4.93-2.1 8.4L378.01 100Z" style="fill:#00f;font-family:Arial;font-size:100"/>
  </g>
</svg>

    • 4
  3. Best Answer

    在 Inkscape 编辑器中，您可以将文本翻译成这样的路径：

    • 选择文字；
    • 选择菜单项Contour-> Contour object。

    结果可以直接从内置 XML 编辑器中的程序中看到：

    • 选择菜单项Edit->Editor XML...它突出显示所选对象的 XML 代码。
    • 3

相关问题