chromium/third_party/blink/web_tests/svg/custom/clamped-masking-clipping.svg

<svg xmlns="http://www.w3.org/2000/svg" width="10000" height="400">
  <!-- test for https://bugs.webkit.org/show_bug.cgi?id=95197 -->
  <defs>
    <mask id="mask">
      <!-- forcing a repaintRect offset -->
      <rect x="100" width="1" height="1" fill="black"/>
      <rect x="200" width="8092" height="100" fill="white"/>
    </mask>

    <clipPath id="clip1">
      <!-- forcing clipping via masking -->
      <path d="M 0 0 V 100 H 10000 V 0 Z"/>
    </clipPath>

    <clipPath id="clip2" clip-path="url(#clip1)">
      <path d="M 100 0 H 200 V 200 H 8292 V 0 Z"/>
    </clipPath>

    <mask id="crop">
      <rect width="300" height="100" fill="white"/>
    </mask>
  </defs>

  <g mask="url(#crop)" transform="translate(-100, 0)">
    <rect width="10000" height="400" fill="red" mask="url(#mask)"/>
    <rect x="199" width="101" height="100" fill="green"/>
  </g>

  <g mask="url(#crop)" transform="translate(100, 0)">
    <rect width="10000" height="400" fill="red" clip-path="url(#clip2)"/>
    <rect x="199" width="101" height="100" fill="green"/>
  </g>
</svg>