This utility consumes SVG paths of glyphs and triangulate them for the creation of 3D meshes.
The following code is used after you have created a font instance using harfbuzz-modern-wrapper:
import TriangulatedFontGeometry from "triangulated-font-geometry";
const textShaper = new TriangulatedFontGeometry(font, options);
const layout = textShaper.shape(text);
for (const component of layout.components) {
// access `component.position` and `component.geometry` for rendering
}Here component.geometry.geometry is the result of triangulating the glyph using polygon-winding-solver; component.geometry.hspan provides the horizontal span that this character occupies, and will be undefined when the character is a whitespace. All coordinates will be given using the internal metrics defined by the font file. To convert them for display, scale all numbers by a ratio of fontSize / layout.bounds.height).
-
options.flatteningEM: the font size to use when converting curves in a glyph to polylines. The larger this value is, the more points will be sampled on the glyph. Defaults to 100. -
options.triangulator: supply a custom triangulator to use with the polygon-winding-solver package.
2D constructive solid geometry is a planned feature of the triangulator we use. Expect in the near future an option to merge the overlapping components.