loganzartman / canvas-styled-text Goto Github PK

Currently, if you want to center- or bottom-align multiline text, you have to do it manually, because baseline determines the vertical alignment with respect to the first line of text only. I could add a separate verticalAlign, but it's unclear how that would interact with baseline. For example, a combination of baseline='hanging' and verticalAlign='middle' seems nonsensical (hanging with respect to what? what if there are exactly two lines?). I think it would be reasonable to have baseline align the entire block of multiline text, with the baseline corresponding to:

1. the first line of text, for top and hanging,
2. the last line of text, for bottom, alphabetic, and ideographic,
3. the middle of the text, for middle

This would of course be a major version bump because it changes the semantics of baseline for multiline text, but I'm not sure it's worth trying to define how baseline and a hypothetical verticalAlign would interact.

I think this would be awesome and very useful. However, I don't want a buggy, half-working version that only works on latin characters. I'm very interested in using Intl.Segmenter to generate the breakpoints, but it's not yet supported in Firefox (seems like it's tangled up in some efforts to avoid duplicating the functionality in the codebase). It might be worth doing this anyway, given that it's been accepted into the ES spec.