HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

shape-rendering

Description

The shape-rendering property for CSS specifies a hint to the implementation about what tradeoffs to make as it renders vector graphics elements such as ‘path’ elements and basic shapes such as circles and rectangles.

Syntax

CSS

shape-rendering: value;

JS

object.style.shapeRendering = "value";

Values

<'shape-rendering'> = auto | optimizeSpeed | crispEdges | geometricPrecision
auto

Automatically specified by the user agent.

optimizeSpeed

Indicates that the user agent shall emphasize rendering speed over legibility and geometric precision.

crispEdges

Indicates that the user agent shall attempt to emphasize the contrast between clean edges of artwork over rendering speed and geometric precision. To achieve crisp edges, the user agent might turn off anti-aliasing for all lines and curves or possibly just for straight lines which are close to vertical or horizontal. Also, the user agent might adjust line positions and line widths to align edges with device pixels.

geometricPrecision

Indicates that the user agent shall emphasize geometric precision over legibility and rendering speed.

Initial

auto

Examples

1 · auto

2 · optimizeSpeed

3 · crispEdges

4 · geometricPrecision

5 · JS