SVGTextContentElement: метод getSubStringLength()

Линия базовых значений Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна во всех браузерах с января 2020 года.

Метод getSubStringLength() интерфейса SVGTextContentElement представляет собой вычисленную длину продвижения отформатированного текста для подстроки текста в элементе.

Обратите внимание, что этот метод учитывает только ширину глифов в подстроке и любые дополнительные интервалы, вставленные свойствами CSS letter-spacing и word-spacing. Визуальные изменения интервалов, внесённые атрибутом x, игнорируются.

Синтаксис

SVGTextContentElement.getSubStringLength(index, length)

Параметры

index: Целое число; начальный индекс подстроки.
length: Целое число; количество символов для включения в подстроку.

Возвращаемое значение

Вещественное число.

Исключения

IndexSizeError DOMException: Выбрасывается, если значение index больше наибольшего индекса или length отрицательно.

Примеры

Получение длины подстроки

<svg width="300" height="100">
  <text id="exampleText" x="10" y="50" font-size="16">Hello, SVG World!</text>
</svg>

const textElement = document.getElementById("exampleText");

// Get the length of a substring starting at character 0 with 5 characters
const substringLength = textElement.getSubStringLength(0, 5);

console.log(substringLength); // Output: 35.55

Спецификации

Спецификация
Scalable Vector Graphics (SVG) 2 # __svg__SVGTextContentElement__getSubStringLength

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`getSubStringLength`	1	12	1.5	≤12.1	3	18	4	≤12.1	1	1.0	3

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGTextContentElement/getSubStringLength