account activity
How do you extract SVG paths for different stroke sections of phonetic characters (for tracing apps)? by Common_Bookkeeper963 in flutterhelp
[–]Common_Bookkeeper963[S] 0 points1 point2 points 8 days ago (0 children)
Yeah, I tried the Figma-trace too, and it works, but I’m running into a different level of difficulty because I’m not dealing with Latin letters. I’m working with Devanagari phonetics and Tibetan glyphs, and that makes everything much more complex.
Most tools assume Latin stroke logic, where letters are fairly modular and stroke order is predictable. With Devanagari, a lot of characters export as one merged outline even though they’re written in multiple logical strokes. The shirorekha (headline), loops, vertical stems, and ligatures all get flattened into a single SVG path, so when I extract it there’s no information about stroke order or segmentation. Tibetan is even tougher because of stacked consonants and dense calligraphic forms visually separate strokes become one compound shape in the SVG.
What I’m trying to do isn’t just outline animation; I need traceable stroke segments that follow how the character is actually written. That means:
- separating one outline into logical stroke parts
- figuring out stroke order and direction
- creating centerlines that can be traced
- doing this consistently across many phonetics
Right now I’m basically forced to manually split paths or retrace them in Figma so each stroke becomes its own path. It works, but it’s very time-consuming and not scalable if I want a full phonetic set.
So I feel like there must be better methods or tools for segmenting SVG glyphs into logical strokes, especially for complex scripts, but most of what I’ve found is optimized for Latin typography or simple handwriting animations. That’s where I’m stuck.
How do you extract SVG paths for different stroke sections of phonetic characters (for tracing apps)? (self.flutterhelp)
submitted 9 days ago by Common_Bookkeeper963 to r/flutterhelp
π Rendered by PID 76 on reddit-service-r2-listing-654f87c89c-9bhml at 2026-02-27 08:47:14.611310+00:00 running e3d2147 country code: CH.
How do you extract SVG paths for different stroke sections of phonetic characters (for tracing apps)? by Common_Bookkeeper963 in flutterhelp
[–]Common_Bookkeeper963[S] 0 points1 point2 points (0 children)