« SVG Attribute reference home
При создание SVG есть возможность указать браузеру о том, как рекомендуется рендерить (отрисовывать) элементы <path>
или базовые фигуры. shape-rendering
предоставляет возможность указывать даные рекомендации.
Usage context
Категория | Presentation attribute |
---|---|
Значения | auto | optimizeSpeed | crispEdges | geometricPrecision | inherit |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition) |
- auto
- Указывает на то, что браузер должен внести соответствующие компромиссы, чтобы сбалансировать скорость рендеринга, четкие края и геометрическую точность, но геометрической точности уделять более пристальное внимание, чем скорости и четким краями.
- optimizeSpeed
- Указывает на то, что браузер должен акцентироваться на скорость рендеринга, в ущерб геометрической точности и четким краями. Эту опцию также можно указывать,, чтобы отключить сглаживание фигур.
- crispEdges
- Указывает на то, что браузер должен попытаться акцентировать на контрасте чистых краев рисунков, в ущерб скорости рендеринга и геометрической точности. Для достижения наилучшего результата четкости края, браузер может отключить сглаживание для всех линий и кривых или, возможно, только для прямых, близких к вертикальным или горизонтальным. Кроме того, браузер может скорректировать позиции строк и ширину линий для выравнивания краев с пикселями устройства.
- geometricPrecision
- Указывает на то, что браузер должен акцентировать геометрическую точность в ущерб скорости и четкими краям.
Пример
<svg xmlns="https://www.w3.org/2000/svg" version="1.1" width="100" height="100" shape-rendering="optimizeSpeed">
shape-rendering: geometricPrecision: |
shape-rendering: optimizeSpeed |
Также можно воспользоваться css shape-rendering:
<svg xmlns="https://www.w3.org/2000/svg" version="1.1" width="100" height="100" style="shape-rendering:optimizeSpeed;">
Elements
The following elements can use the shape-rendering
attribute