This is a demonstration of SVG's shape-rendering property.

SVG code in the textarea is displayed to the right or below.

The SVGs below use the following style sheet:

@keyframes rotate {
  to { transform: rotate(360deg) }
}
line {
  stroke:#000;
  transform-origin: 50% 50%;
}
optimizeSpeed
crispEdges
geometricPrecision
Auto