обработка-изображений
Атрибут image-rendering даёт браузеру подсказку о том, как балансировать скорость и качество при обработке изображений.
Ресемплинг всегда выполняется в цветовом пространстве truecolor (например, 24-битовом), даже если исходные данные и/или целевое устройство используют индексированное цветовое пространство.
Примечание: В качестве атрибута представления image-rendering может использоваться как свойство CSS. Подробнее см. свойство CSS image-rendering.
Вы можете использовать этот атрибут с помощью следующих элементов SVG:
Примечания по использованию
| Значение | auto | optimizeSpeed | optimizeQuality |
|---|---|
| Значение по умолчанию | auto |
| Анимируемо | Да |
auto-
Указывает, что пользовательский агент должен делать соответствующие компромиссы для балансировки скорости и качества, при этом качество должно уделять больше внимания, чем скорость.
optimizeSpeed-
Указывает, что пользовательский агент должен уделять больше внимания скорости рендеринга, чем качеству.
optimizeQuality-
Указывает, что пользовательский агент должен уделять больше внимания качеству, чем скорости рендеринга.
Спецификации
| Спецификация |
|---|
| CSS Images Module Level 3 # the-image-rendering |
| Scalable Vector Graphics (SVG) 2 # ImageRendering |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
image-rendering |
13 | 79 | 3.6 | 15 | 6 | 18 | 4 | 14 | 6 | 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/SVG/Attribute/image-rendering