pathlength-002-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg id="svg-root"

  width="100%" height="100%" viewBox="0 0 480 360"

  xmlns="http://www.w3.org/2000/svg"

  xmlns:xlink="http://www.w3.org/1999/xlink"

  xmlns:html="http://www.w3.org/1999/xhtml">

  <g id="testmeta">

    <title>Test of 'pathLength' on shapes.</title>

    <html:link rel="author"

          title="Tavmjong Bah"

          href="http://tavmjong.free.fr"/>

  </g>

  <g id="test-reference" style="fill:none;stroke:black;stroke-width:5">

    <path d="m  220,240 a 100,100 0 0 1 -200,0 100,100 0 0 1 200,0 z" style="stroke-dasharray:39.27" />

    <path d="m  460,240 a 100,100 0 0 1 -200,0 100,100 0 0 1 200,0 z" style="stroke-dasharray:0.25" pathLength="4"/>

  </g>

</svg>