paint-order-03.svg

Enable keyboard shortcuts

Checkerboard

<!--

     Any copyright is dedicated to the Public Domain.

     http://creativecommons.org/publicdomain/zero/1.0/

-->

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

  <title>Test that the paint-order property works</title>

  <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->

  <defs>

    <marker id="m" markerWidth="40" markerHeight="40" refX="20" refY="20" markerUnits="userSpaceOnUse">

      <circle cx="20" cy="20" r="16" fill="fuchsia"/>

    </marker>

  </defs>

  <g fill="gold" stroke="black" stroke-width="8" style="marker: url(#m)" paint-order="markers stroke fill">

    <path d="M 50,50 h 100 v 100 h -50 z"/>

    <line x1="200" y1="50" x2="300" y2="150"/>

    <polygon points="50,200 50,300 200,200 200,300"/>

  </g>

</svg>