third_party/WebKit/LayoutTests/svg/custom/gradient-deep-referencing.svg

   1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
   2     <defs>
   3         <linearGradient id="gradient1f" y2="100" xlink:href="#gradient1e"/>
   4         <linearGradient id="gradient1e" x1="0" xlink:href="#gradient1d"/>
   5         <linearGradient id="gradient1d" y1="100" xlink:href="#gradient1c"/>
   6         <radialGradient id="gradient1c" xlink:href="#gradient1b">
   7             <stop offset="0" stop-color="red"/>
   8             <stop offset="1" stop-color="blue"/>
   9         </radialGradient>
  10         <linearGradient id="gradient1b" x2="100" xlink:href="#gradient1a"/>
  11         <linearGradient id="gradient1a" gradientUnits="userSpaceOnUse"/>
  12
  13         <linearGradient id="gradient1" xlink:href="#gradient1f"/>
  14
  15         <linearGradient id="gradient2" gradientUnits="userSpaceOnUse" x1="0" y1="100" x2="100" y2="100">
  16            <stop offset="0" stop-color="red"/>
  17            <stop offset="1" stop-color="blue"/>
  18         </linearGradient>
  19     </defs>
  20
  21     <rect transform="translate(50,10)" fill="url(#gradient1)" width="100px" height="100px"/>
  22     <rect transform="translate(200,10)" fill="url(#gradient2)" width="100px" height="100px"/>
  23     <text x="10" y="150">The above two squares should be blue-red gradients and look identical</text>
  24 </svg>