<!DOCTYPE html>
<script src=../../../resources/ahem.js></script>
<svg>
  <pattern id="pat" patternUnits="userSpaceOnUse" width="200" height="200" y="100">
    <rect width="200" height="100" fill="red"/>
    <rect y="100" width="200" height="100" fill="green"/>
  </pattern>
  <text y="80" fill="url(#pat)" font-size="100" font-family="Ahem">X<tspan fill="green">Y</tspan>Z</text>
</svg>