я могу использоватьtext-align="middle" на текстовом элементе для центрирования текста. На самом деле это хорошо работает только для направления х. Для y-направления я использую взлом Ian G, о котором идет речьВыравнивание текста в SVG.

Но что я могу сделать, если вы хотите центрировать текст по оси Y, но хотите выровнять текст по оси X по левому краю? Например, у меня естьrect-элемент иtext-элемент расположен справа от него. Текст должен быть выровнен по вертикали, чтобы отображаться по центру относительно прямоугольника. Поэтому я используюtext-align="middle" свойство. Но я хочу выровнять текст по оси X (так как я хочу отобразить его справа от прямоугольника). Это не работает, так какtext-align всегда применяет оба,x а такжеy ценности.

На самом деле я не очень доволен вертикальным выравниванием таким образом и предпочел бы что-то еще. Но лучшего решения пока не нашел. (Я не могу использоватьdominant-baseline атрибута, так как я использую Batik, который не поддерживает его.) Я не могу даже сам рассчитать его, так как в SVG у меня нет способа запросить подъем / спуск / базовую линию шрифта.