paint-context-004-ref.svg

Enable keyboard shortcuts

Checkerboard

<svg id="svg-root"

  width="100%" height="100%" viewBox="0 0 120 90"

  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>Paint: 'context-fill' and 'context-stroke' with paint server</title>

    <html:link rel="author"

          title="Stefan Zager"

          href="mailto:szager@chromium.org"/>

    <html:link rel="help"

          href="https://www.w3.org/TR/SVG2/painting.html#SpecifyingPaint"/>

  </g>

  <defs>

    <pattern id="grid-ref" x="0" y="0" width="8" height="8" stroke="blue" stroke-width="2" patternUnits="userSpaceOnUse">

      <path d="M 0,4 h 8"/>

      <path d="M 4,0 v 8"/>

    </pattern>

    <g id="rects-ref" fill="url(#grid-ref)">

      <rect x="0" y="0" width="32" height="64"/>

      <rect x="32" y="6" width="32" height="58"/>

    </g>

  </defs>

  <g id="ref-content">

    <use x="18" y="18" xlink:href="#rects-ref"/>

  </g>

</svg>