1

Есть схема помещения в формате svg, встроенная в html-документ. У каждого помещения должна быть надпись, содержащая его площадь в квадратных метрах. Понятно, что в svg-шном работать не будет. Вопрос: Есть ли способ написать м^2 с верхним индексом в svg?

<text x="300" y="80" class="square">2376 кв. м. (132х18)</text>

1 ответ 1

1

Можно сдвинуть текст по вертикали, относительно базовой линии, с помощью SVG-атрибута baseline-shift (для inline-записи) или одноимённого CSS-свойства (для назначения через стили и классы).

(Сведения о поддержке браузерами этого свойства везде разнятся.)

.sup { font-size: .7em; baseline-shift: super; }
.sub { font-size: .7em; baseline-shift: sub; }
<svg>
  <text x="10" y="25" class="square">2376 м<tspan baseline-shift="super" font-size=".7em">2</tspan> (132&times;18)</text>
  <text x="10" y="50">H<tspan baseline-shift="sub" font-size=".7em">2</tspan>O</text>
</svg>

<svg>
  <text x="10" y="25" class="square">2376 м<tspan class="sup">2</tspan> (132&times;18)</text>
  <text x="10" y="50">H<tspan class="sub">2</tspan>O</text>
</svg>

Также рекомендую использовать &times; (×) вместо различных х.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.