Я заметил, что атрибут SVG dominant-baseline
ведет себя по-разному в Chrome и Firefox.
Вертикальное выравнивание не совсем то же самое для dominant-baseline="hanging"
.В Firefox разрыв между path
и text
немного больше, чем в Chrome.
В Chrome 76.0.3809.132
В Firefox69.0.1
Я уже прочитал dominant-baseline не работает в Firefox , но, похоже, он здесь не применяется, поскольку атрибут находится непосредственно в элементе <text>
.
<svg viewBox="0 0 200 120" xmlns="http://www.w3.org/2000/svg">
<path d="M20,20 L180,20" stroke="grey" />
<text dominant-baseline="hanging" x="30" y="20">Hanging</text>
</svg>
Пример взят из https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline.
Я бы ожидал, что вертикальное выравнивание будет одинаковым во всех браузерах, но это не так.Есть идеи почему?