<svg xmlns="http://www.w3.org/2000/svg"
     xmlns:html="http://www.w3.org/1999/xhtml">
  <title>CSS zoom is applied to path-length</title>
  <metadata>
    <html:link rel="author" title="Virali Purbey" href="mailto:viralipurbey@microsoft.com"/>
    <html:link rel="help" href="https://w3c.github.io/svgwg/svg2-draft/paths.html#PathLengthAttribute"/>
    <html:link rel="match" href="path-length-css-zoom-ref.tentative.svg"/>
  </metadata>
  <style>
    rect { zoom: 2; path-length: 10px; }
  </style>
  <!-- zoom scales the geometry and path-length together, so the dash
       pattern is unchanged. -->
  <rect x="20" y="20" width="200" height="200"
        fill="none" stroke="black" stroke-width="5" stroke-dasharray="0.25"/>
</svg>