fix(troika-three-text): fix text baseline being positioned too low

protectwise · Oct 19, 2020 · 596d8ca · 596d8ca
1 parent 0c397b6
commit 596d8ca
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/troika-three-text/src/worker/FontProcessor.js b/packages/troika-three-text/src/worker/FontProcessor.js
@@ -232,7 +232,7 @@ export function createFontProcessor(fontParser, sdfGenerator, config) {
       // Determine line height and leading adjustments
       lineHeight = lineHeight * fontSize
       const halfLeading = (lineHeight - (ascender - descender) * fontSizeMult) / 2
-      const topBaseline = -(fontSize + halfLeading)
+      const topBaseline = -(ascender * fontSizeMult + halfLeading)
       const caretHeight = Math.min(lineHeight, (ascender - descender) * fontSizeMult)
       const caretBottomOffset = (ascender + descender) / 2 * fontSizeMult - caretHeight / 2