michael@0: <!--
michael@0:      Any copyright is dedicated to the Public Domain.
michael@0:      http://creativecommons.org/publicdomain/zero/1.0/
michael@0: -->
michael@0: <svg xmlns="http://www.w3.org/2000/svg">
michael@0:   <title>Reference for paint-order-03.svg</title>
michael@0:   <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=828805 -->
michael@0: 
michael@0:   <defs>
michael@0:     <marker id="m" markerWidth="40" markerHeight="40" refX="20" refY="20" markerUnits="userSpaceOnUse">
michael@0:       <circle cx="20" cy="20" r="16" fill="fuchsia"/>
michael@0:     </marker>
michael@0:   </defs>
michael@0: 
michael@0:   <g stroke-width="8">
michael@0:     <g fill="none" stroke="none" style="marker: url(#m)">
michael@0:       <path d="M 50,50 h 100 v 100 h -50 z"/>
michael@0:       <line x1="200" y1="50" x2="300" y2="150"/>
michael@0:       <polygon points="50,200 50,300 200,200 200,300"/>
michael@0:     </g>
michael@0:     <g fill="none" stroke="black">
michael@0:       <path d="M 50,50 h 100 v 100 h -50 z"/>
michael@0:       <line x1="200" y1="50" x2="300" y2="150"/>
michael@0:       <polygon points="50,200 50,300 200,200 200,300"/>
michael@0:     </g>
michael@0:     <g fill="gold" stroke="none">
michael@0:       <path d="M 50,50 h 100 v 100 h -50 z"/>
michael@0:       <line x1="200" y1="50" x2="300" y2="150"/>
michael@0:       <polygon points="50,200 50,300 200,200 200,300"/>
michael@0:     </g>
michael@0:   </g>
michael@0: </svg>