Geek Answers Handbook

Convert text to path (svg) on ​​server?

How can I create text from a TTF font and convert it to a static SVG path? So that someone can open it in illustrator and see the word (like .SVG).

Our server is Debain, and we mainly use PHP to encode the backend.

We are happy to use Imagemagick or Inkscape - no matter what it does!

+5
source share
3 answers

Try the following:

  • Create the svg template file in Inkscape (see example below).
  • Open this file with a text editor and place some placeholder tokens for the variables you want to change: font and text.
  • -, .
  • .
  • - .
  • Inkscape .
inkscape template.svg --export-text-to-path --export-id=maintext --export-pdf=new_file.pdf

, , , , svg... :

--export-plain-svg=new_file.svg

Inkscape:

-T, --export-text-to-path
    Convert text objects to paths on export, where applicable (for PS, EPS, and PDF export).

Soooo... svg : S... BTW .

PDF :

inkscape -l new_file.svg new_file.pdf

... , . , , Inkscape: P

Inkscape:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<svg
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   version="1.1"
   width="440.29297"
   height="39.824219"
   id="svg2">
  <defs
     id="defs4" />
  <metadata
     id="metadata7">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <text
     x="-3.4374955"
     y="30.390625"
     id="maintext"
     xml:space="preserve"
     style="font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:[FONT_PLACEHOLDER]"><tspan
       x="-3.4374955"
       y="30.390625"
       id="tspan3006"
       style="fill:#000000">[TEXT_PLACEHOLDER]</tspan></text>
</svg>

.

+7

inkscape, gui, . svg, . svg svg.

inkscape -f your.svg --with-gui --verb EditSelectAll --verb ObjectToPath --verb FileSave --verb FileQuit

, !

+1

Or even simpler, use EasySVG , this library converts text to an SVG definition. You can then put this definition in a path or something else.

The definition is based on an SVG font file, but you can easily convert TTF files to SVG ...

0
source

More articles:


All Articles