paint-context-008.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/painting/reftests/paint-context-008.svg - WPT Dashboard Interop Dashboard

Checkerboard

<svg id="svg-root"

  width="100%" height="100%" viewBox="0 0 400 300"

  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: paint server transform for 'context-fill' based on nearest 'use' ancestor</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"/>

    <html:link rel="match"  href="paint-context-008-ref.svg" />

  </g>

  <defs>

    <pattern id="grid" x="0" y="0" width="0.125" height="0.25" stroke="blue" stroke-width="0.03125" patternContentUnits="objectBoundingBox">

      <path fill="none" d="M 0.0625 0 l 0.0625 0.125 l -0.0625 0.125 l -0.0625 -0.125 Z"/>

    </pattern>

    <g id="shapes">

      <rect x="50" y="90" width="256" height="128" fill="context-fill"/>

    </g>

    <g id="intermediate">

      <use x="19" y="23" fill="url(#grid)" xlink:href="#shapes"/>

    </g>

  </defs>

  <g id="test-body-content">

    <use xlink:href="#intermediate"/>

  </g>

</svg>