MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

« 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="http://www.w3.org/2000/svg"
  version="1.1" width="100" height="100"
  shape-rendering="optimizeSpeed">

shape-rendering: geometricPrecision:

shape-rendering:geometricPrecision

shape-rendering: optimizeSpeed

shape-rendering:optimizeSpeed

Также можно воспользоваться css shape-rendering:

<svg xmlns="http://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

Метки документа и участники

 Внесли вклад в эту страницу: BaNru
 Обновлялась последний раз: BaNru,