10
votes

Conversion de texte en chemin (SVG) sur le serveur?

Comment créer du texte à partir d'une police TTF et la convertir en un chemin SVG statique? De sorte que tout le monde puisse l'ouvrir dans Illustrator et voir le mot (en tant que .svg).

Notre serveur est debain et nous utilisons principalement PHP pour le codage de backend.

heureux d'utiliser ImageMagick ou Inkscape - tout ce qui est fait!


1 commentaires

Voir Stackoverflow.com/questions/8296964/...


3 Réponses :


10
votes

Essayez ceci:

  1. Créez un fichier de modèle SVG dans Inkscape (voir un exemple ci-dessous). LI>
  2. Ouvrez ce fichier avec un éditeur de texte et placez des jetons d'espace réservés pour les variables que vous souhaitez modifier: la police et le texte. LI>
  3. Créez une page Web afin que l'utilisateur puisse sélectionner la police et écrire le texte. Li>
  4. récupérez ces données sur le serveur. LI>
  5. Lisez le fichier de modèle et modifiez les jetons d'espace réservé avec les données utilisateur. LI>
  6. appelez Inkscape à travers la ligne de commande. Li> OL>
    <?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>
    


1 commentaires

Trébuché sur ce message à partir de 2011. Après avoir vérifié la documentation d'Inkscape ( inkscape.org/doc/inkscape-man .html ) exporter-text-path to svg est mis en œuvre maintenant



3
votes

Vous pouvez également indiquer Inkscape pour ouvrir votre fichier dans Mode GUI et ensuite émettre Commandes . L'entrée de ligne de commande suivante ouvre un SVG, sélectionne tous les nœuds et les convertit en chemins. Cela vous permettra de sauvegarder votre SVG converti Retour en SVG.

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


0 commentaires

0
votes

ou même plus simple, utilisez easysvg , cette bibliothèque convertit un texte en une définition SVG. Vous pouvez ensuite mettre cette définition dans un chemin ou autre.

La définition est basée sur le fichier SVG de la police, mais vous pouvez facilement convertir des fichiers TTF en SVG ...


0 commentaires