php - trazadas - justificar texto en inkscape

¿Cómo convertir texto a rutas SVG? (5)

Tengo una fuente en el archivo ttf y quiero generar SVG con el texto convertido en rutas. No necesito imagen (así que usar imagettftext o las capacidades de renderizado de la fuente Image Magick no es suficiente), necesito una forma, que se puede ampliar y reducir y quiero perder información sobre la fuente utilizada y no quiero hacer referencia a ella en Archivo SVG (por lo que las declaraciones de la fuente de la cara no se pueden usar aquí). ¿Es posible?

Acabo de escribir una biblioteca PHP basada en la tuya que manipula los datos de fuente (del archivo SVG) y realiza algún tipo de transformación en ella. Puede probarlo desde GitHub:

https://github.com/kartsims/easysvg

Ejemplo de uso:

require ''easySVG.php''; $svg = new EasySVG(); $svg->setFont("paris-bold-webfont.svg", 100, "#000000"); $svg->addText("Simple text display"); $svg->addAttribute("width", "800px"); $svg->addAttribute("height", "100px"); echo $svg->asXML();

Ejemplo de manipulación de datos SVG:

$def = ''YOUR SVG DEFINITION HERE''; $easySVG = new EasySVG(); // rotate by 40° $rotated_def = $easySVG->defRotate($def, 40) // rotate by 40° with center at (200,100) $rotated_def2 = $easySVG->defRotate($def, 40, 200, 100) // scale transform : width*4 $scaled_def = $easySVG->defScale($def, 4)

Creé mi propia clase para procesar el archivo de fuente SVG y convertir el texto en glifos. Ejemplo de uso:

include "SVGFont.php"; $svgFont = new SVGFont(); $svgFont->load("/path/to/font.svg"); $result = $svgFont->textToPaths("Simple text", 20);

Ejemplo de resultado:

Código para mi clase:

<?php /** * This class represents SVG pa * @author Łukasz Ledóchowski [email protected] * @version 0.1 */ class SVGFont { protected $id = ''''; protected $horizAdvX = 0; protected $unitsPerEm = 0; protected $ascent = 0; protected $descent = 0; protected $glyphs = array(); /** * Function takes UTF-8 encoded string and returns unicode number for every character. * Copied somewhere from internet, thanks. */ function utf8ToUnicode( $str ) { $unicode = array(); $values = array(); $lookingFor = 1; for ($i = 0; $i < strlen( $str ); $i++ ) { $thisValue = ord( $str[ $i ] ); if ( $thisValue < 128 ) $unicode[] = $thisValue; else { if ( count( $values ) == 0 ) $lookingFor = ( $thisValue < 224 ) ? 2 : 3; $values[] = $thisValue; if ( count( $values ) == $lookingFor ) { $number = ( $lookingFor == 3 ) ? ( ( $values[0] % 16 ) * 4096 ) + ( ( $values[1] % 64 ) * 64 ) + ( $values[2] % 64 ): ( ( $values[0] % 32 ) * 64 ) + ( $values[1] % 64 ); $unicode[] = $number; $values = array(); $lookingFor = 1; } } } return $unicode; } /** * Function takes path to SVG font (local path) and processes its xml * to get path representation of every character and additional * font parameters */ public function load($filename) { $this->glyphs = array(); $z = new XMLReader; $z->open($filename); // move to the first <product /> node while ($z->read()) { $name = $z->name; if ($z->nodeType == XMLReader::ELEMENT) { if ($name == ''font'') { $this->id = $z->getAttribute(''id''); $this->horizAdvX = $z->getAttribute(''horiz-adv-x''); } if ($name == ''font-face'') { $this->unitsPerEm = $z->getAttribute(''units-per-em''); $this->ascent = $z->getAttribute(''ascent''); $this->descent = $z->getAttribute(''descent''); } if ($name == ''glyph'') { $unicode = $z->getAttribute(''unicode''); $unicode = $this->utf8ToUnicode($unicode); $unicode = $unicode[0]; $this->glyphs[$unicode] = new stdClass(); $this->glyphs[$unicode]->horizAdvX = $z->getAttribute(''horiz-adv-x''); if (empty($this->glyphs[$unicode]->horizAdvX)) { $this->glyphs[$unicode]->horizAdvX = $this->horizAdvX; } $this->glyphs[$unicode]->d = $z->getAttribute(''d''); } } } } /** * Function takes UTF-8 encoded string and size, returns xml for SVG paths representing this string. * @param string $text UTF-8 encoded text * @param int $asize size of requested text * @return string xml for text converted into SVG paths */ public function textToPaths($text, $asize) { $lines = explode("/n", $text); $result = ""; $horizAdvY = 0; foreach($lines as $text) { $text = $this->utf8ToUnicode($text); $size = ((float)$asize) / $this->unitsPerEm; $result .= "<g transform=/"scale({$size}) translate(0, {$horizAdvY})/">"; $horizAdvX = 0; for($i = 0; $i < count($text); $i++) { $letter = $text[$i]; $result .= "<path transform=/"translate({$horizAdvX},{$horizAdvY}) rotate(180) scale(-1, 1)/" d=/"{$this->glyphs[$letter]->d}/" />"; $horizAdvX += $this->glyphs[$letter]->horizAdvX; } $result .= "</g>"; $horizAdvY += $this->ascent + $this->descent; } return $result; } }

Si está en una Mac, descubrí que abrir un archivo SVG en iVinci Express con un objeto de texto lo convertirá automáticamente en una ruta. Creé mi SVG en Inkscape, que resultó ser una T en mayúscula en Times New Roman (herramienta de selección de texto estándar). Android SVG lib no podía manejarlo mostrando un Roboto T, así que lo abrí en iVinci Express, lo guardé allí y lo convertí automáticamente en una ruta. Eliminé parte de la basura adicional que agregó y configuré el viewbox (Android lo necesita) y todo quedó bien pintado.

iVinci Express es gratis en la tienda Mac.

Si puedes obtener un svgfont, entonces tienes toda la información allí para renderizarlo usando las rutas de glifos (copiar y pegar todos los datos de ruta de glifos que necesites a cualquier número de elementos de ruta y aplicar una transformación flip-y escalarla a lo que sea tamaño que necesita). Batik tiene una herramienta llamada ttf2svg , que te da salida svgfont. Hay otros también, fontforge , por ejemplo.

No estoy seguro de si hay alguna herramienta de línea de comandos pura que pueda generar un svg como este directamente, pero la solución de Inkscape debería hacer exactamente lo que usted desea.

Una solución alternativa es utilizar Inkscape (ejecutarlo a través de exec o más después de guardar el documento SVG en file.svg ). En inkscape 0.49+, simplemente puede pasar --export-to-svg y --export-text-to-path , así:

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

En inkscape <0.49, puede crear scripts manualmente en inkscape (tenga en cuenta que esto requiere un servidor X):

$ inkscape --with-gui --verb EditSelectAll --verb ObjectToPath --verb FileSave / --verb FileQuit file.svg