The shape-rendering property provides a hint to the implementation about what tradeoffs to make between speed, precision, and contrast when rendering SVG vector graphics elements.rect {
shape-rendering: crispEdges;
}path {
shape-rendering: geometricPrecision;
}autoThe default value. Balances speed/precision with geometric precision prioritized, applying anti-aliasing for smooth edges.optimizeSpeedEmphasizes rendering speed over geometric precision and crispness. May disable anti-aliasing.crispEdgesEmphasizes contrast and sharp edges. May align edges with device pixels and disable anti-aliasing.geometricPrecisionEmphasizes maximum geometric accuracy over rendering speed.SVG 2 — Chapter 13: PaintingW3C RecommendationW3CMDNShow all codeEdit CSS onlineThe plugin that remembers hundreds of CSS items for youEvery CSS property — in a live demonstrationThe bilingual CSS referencedefinitionexamplessyntaxmodulespecificationsourcesvisual demonstrationpreviousnext
