svgio/qa/cppunit/data/maskText.svg

   1 <?xml version="1.0"?>
   2 <svg width="200" height="80"
   3      viewBox="0 0 200 80" version="1.1"
   4      xmlns="http://www.w3.org/2000/svg"
   5      xmlns:xlink="http://www.w3.org/1999/xlink">
   6
   7     <defs>
   8         <mask id="myMask"
   9               x="0" y="0" width="200" height="80">
  10             <rect x="0" y="0" width="100" height="80" fill="white"/>
  11         </mask>
  12
  13         <text id="Text" x="100" y="48"
  14               font-size="26" font-weight="bold" text-anchor="middle">
  15             Black White
  16         </text>
  17     </defs>
  18
  19     <!-- Draw black rectangle in the background -->
  20     <rect x="100" y="10" width="95" height="60"  />
  21
  22     <!-- Draw the text string twice. First, the white text without mask.
  23          Second, the black text with the mask applied-->
  24     <use xlink:href="#Text" fill="white"/>
  25     <use xlink:href="#Text" fill="black" mask="url(#myMask)"/>
  26 </svg>