Обработка текста

Атрибут text-rendering предоставляет подсказки для рендерера о том, какие компромиссы следует принять при отрисовке текста.

Примечание: В качестве атрибута представления text-rendering можно использовать как свойство CSS. См. свойство CSS text-rendering для получения дополнительной информации.

Вы можете использовать этот атрибут со следующими элементами SVG:

<text>

Пример

html

<svg viewBox="0 0 140 40" xmlns="http://www.w3.org/2000/svg">
  <text y="15" text-rendering="geometricPrecision">Geometric precision</text>
  <text y="35" text-rendering="optimizeLegibility">Optimized legibility</text>
</svg>

Примечания по использованию

Значение	`auto` \| `optimizeSpeed` \| `optimizeLegibility` \| `geometricPrecision`
Значение по умолчанию	`auto`
Анимируемо	дискретно

auto: Это значение указывает, что пользовательский агент должен сделать соответствующие компромиссы для балансировки скорости, удобочитаемости и геометрической точности, но при этом удобочитаемость имеет больший приоритет, чем скорость и геометрическая точность.
optimizeSpeed: Это значение указывает, что пользовательский агент должен уделять приоритет скорости рендеринга по сравнению с удобочитаемостью и геометрической точностью. Этот параметр иногда заставляет некоторые пользовательские агенты отключать сглаживание текста.
optimizeLegibility: Это значение указывает, что пользовательский агент должен уделять приоритет удобочитаемости по сравнению со скоростью рендеринга и геометрической точностью. Пользовательский агент часто выбирает, применять ли методы сглаживания, встроенные подсказки шрифтов или оба варианта для достижения максимальной удобочитаемости текста.
geometricPrecision: Это значение указывает, что пользовательский агент должен уделять приоритет геометрической точности по сравнению с удобочитаемостью и скоростью рендеринга. Этот параметр обычно заставляет пользовательский агент приостановить использование подсказок, чтобы контуры глифов отображались с сопоставимой геометрической точностью с рендерингом данных траекторий.

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

Спецификация
Scalable Vector Graphics (SVG) 2 # Обработка текста

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

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`text-rendering`	4 ["Это свойство поддерживается только в Windows и Linux.", "Первые версии имели ошибки в Windows и Linux, которые нарушали подстановку шрифтов, полужирный шрифт, интерлиньяж или приводили к наложению текста. См. ошибку 114719, ошибку 51973, ошибку 55458, ошибку 149548."]	79 ["Это свойство поддерживается только в Windows и Linux.", "Первые версии имели ошибки в Windows и Linux, которые нарушали подстановку шрифтов, полужирный шрифт, интерлиньяж или приводили к наложению текста. См. ошибку 114719, ошибку 51973, ошибку 55458, ошибку 149548."]	1 ["Это свойство поддерживается только в Windows и Linux.", "Параметр `optimizeSpeed` не оказывает никакого влияния на Firefox 4, так как стандартный код для обработки текста уже быстрый, и в настоящее время нет более быстрого кода. Дополнительную информацию см. в ошибке 595688."]	15	5	18 ["Это свойство поддерживается только в Windows и Linux.", "Первые версии имели ошибки в Windows и Linux, которые нарушали подстановку шрифтов, полужирный шрифт, интерлиньяж или приводили к наложению текста. См. ошибку 114719, ошибку 51973, ошибку 55458, ошибку 149548."]	46	14	4.2	1.0 Это свойство поддерживается только в Windows и Linux. Samsung Internet не работает в Windows или Linux.	3 С версии 3 по 4.3 существует серьезная ошибка, когда `text-rendering: optimizeLegibility` приводит к тому, что пользовательские веб-шрифты не отображаются. Эта ошибка была исправлена в версии 4.4.

См. также

text-rendering

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