The only text-to-image option in the DOM is HTML canvas you can write on the canvas and then grab the image data.
You'd have to figure out a way to set it up so the Inkscape program on your server has access to the complete font, and then shuttle the SVG created by your d3 routine through Inkscape with options like: inkscape TEMP.FILENAME -export-plain-svg=FILENAME -export-text-to-path You may be able to use it in a server workflow text-to-path is one of the export options. Update: The mention of Inkscape in the comments reminded me that Inkscape also has a command-line interface to convert/export SVG files. (Even assuming you had the rights to distribute the font, but were not using web fonts because of other reasons). Unfortunately, SVG font support in browsers is so poor that you can't use it to embed the font data directly. Alternately, if you're working on a server you could look into using a low-level graphics library such as Cairo which can do text-to-path conversion. Unfortunately, Cufon was designed for the old IE VML language, not SVG, so you would need to add an extra conversion (or use Raphael) to convert to SVG path data.įor working with SVG, it might be just as easy to use a general font-converter tool to convert to SVG fonts, then extract the glyph data and transform it (to the correct size and to flip the y-axis).
#Boxy svg convert all nodes collinear generator
The Raphael method described in the question linked by Lars Kotthoff uses a font object that has already been converted to JavaScript, using the Cufon font generator utility. It's a requested feature for SVG 2, but there are no firm proposals for how it would work. There is no way in JavaScript (d3 or any other tool) to access the vector path information about the shape of individual letters in system or web fonts.
0 kommentar(er)
