fix: make textBaseline in SVG the same with Canvas #1313

antvis · Jul 21, 2023 · ee52dc6 · ee52dc6
1 parent 659b07d
commit ee52dc6
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/g-plugin-svg-renderer/src/shapes/paths/Text.ts b/packages/g-plugin-svg-renderer/src/shapes/paths/Text.ts
@@ -63,8 +63,11 @@ export function updateTextElementAttribute(
 
     // Since `text-after-edge` is not a standard property value, we use `dy` instead.
     if (textBaseline === 'bottom' || textBaseline === 'top') {
-      $el.setAttribute('dominant-baseline', 'middle');
-      $el.setAttribute('dy', textBaseline === 'bottom' ? `-0.5em` : '0.5em');
+      $el.setAttribute('dominant-baseline', BASELINE_MAP['middle']);
+      $el.setAttribute(
+        'dy',
+        textBaseline === 'bottom' ? `-${height / 2}px` : `${height / 2}px`,
+      );
     }
 
     // <textPath> only support one line