From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- .../web/svg/attribute/shape-rendering/index.html | 79 ++++++++++++++++++++++ 1 file changed, 79 insertions(+) create mode 100644 files/ru/web/svg/attribute/shape-rendering/index.html (limited to 'files/ru/web/svg/attribute/shape-rendering') diff --git a/files/ru/web/svg/attribute/shape-rendering/index.html b/files/ru/web/svg/attribute/shape-rendering/index.html new file mode 100644 index 0000000000..d36ed47bef --- /dev/null +++ b/files/ru/web/svg/attribute/shape-rendering/index.html @@ -0,0 +1,79 @@ +--- +title: shape-rendering +slug: Web/SVG/Attribute/shape-rendering +translation_of: Web/SVG/Attribute/shape-rendering +--- +

« Справочник SVG атрибутов

+ +

При создание SVG есть возможность указать браузеру о том, как рекомендуется рендерить (отрисовывать) элементы {{ SVGElement("path") }} или базовые фигуры. shape-rendering предоставляет возможность указывать даные рекомендации.

+ +

Контекст использования

+ + + + + + + + + + + + + + + + + + + + +
КатегорияАтрибут представления
Значенияauto | optimizeSpeed | crispEdges | geometricPrecision | inherit
АнимацияДа
Нормативный документ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;">
+ +

Элементы

+ +

Следующие элементы могут использовать атрибут shape-rendering

+ + -- cgit v1.2.3-54-g00ecf