paint-context-007.svg

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /svg/painting/reftests/paint-context-007.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: 'context-fill' and 'context-stroke' in 'use' with transform</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-007-ref.svg" />

  </g>

  <defs>

    <linearGradient id="lg">

      <stop offset="0" stop-color="red"/>

      <stop offset="1" stop-color="blue"/>

    </linearGradient>

    <g id="shapes">

      <rect x="50" y="90" width="240" height="120" fill="context-fill"/>

      <path d="M 170 -30 l -120 240 l 240 0 Z" fill="context-fill"

            transform-origin="170 150" transform="rotate(90)"/>

    </g>

  </defs>

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

    <use x="0" y="0" fill="url(#lg)" xlink:href="#shapes"/>

  </g>

</svg>