paint-order-03-ref.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>Reference for paint-order-03.svg</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 stroke-width="8">

    <g fill="none" stroke="none" style="marker: url(#m)">

      <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>

    <g fill="none" stroke="black">

      <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>

    <g fill="gold" stroke="none">

      <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>

  </g>

</svg>