third_party/WebKit/LayoutTests/svg/W3C-SVG-1.1/resources/makealpha.svg

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic-flat.dtd">
   3 <svg version="1.1" baseProfile="tiny" id="svg-root" width="160px" height="160px"
   4     xmlns="http://www.w3.org/2000/svg"
   5     xmlns:xlink="http://www.w3.org/1999/xlink">
   6     <!--svg version="1.1" baseProfile="tiny" id="svg-root" width="160px" height="160px"
   7         viewBox="0 0 180 160" xmlns="http://www.w3.org/2000/svg"
   8         xmlns:xlink="http://www.w3.org/1999/xlink"-->
   9     <desc>Makes a simple graphic for testing alpha transparency</desc>
  10     <radialGradient id="red" gradientUnits="objectBoundingBox">
  11         <stop offset="0" stop-color="#f66"/>
  12         <stop offset="0.3" stop-color="#f00" stop-opacity="0.5"/>
  13         <stop offset="1" stop-color="#f00" stop-opacity="0"/>
  14     </radialGradient>
  15     <radialGradient id="green" gradientUnits="objectBoundingBox">
  16         <stop offset="0" stop-color="#6f6"/>
  17         <stop offset="0.3" stop-color="#0f0" stop-opacity="0.5"/>
  18         <stop offset="1" stop-color="#0f0" stop-opacity="0"/>
  19     </radialGradient>
  20     <radialGradient id="blue" gradientUnits="objectBoundingBox">
  21         <stop offset="0" stop-color="#66f"/>
  22         <stop offset="0.3" stop-color="#00f" stop-opacity="0.5"/>
  23         <stop offset="1" stop-color="#00f" stop-opacity="0"/>
  24     </radialGradient>
  25     <rect fill="none" stroke="#000" stroke-width="4" stroke-opacity="0.03" x="10" y="10" width="140"
  26         height="140"/>
  27     <rect fill="none" stroke="#000" stroke-width="4" stroke-opacity="0.06" x="20" y="20" width="120"
  28         height="120"/>
  29     <rect fill="none" stroke="#000" stroke-width="4" stroke-opacity="0.09" x="30" y="30" width="100"
  30         height="100"/>
  31     <circle r="50" cx="80" cy="50" fill="url(#red)" fill-opacity="0.8"/>
  32     <circle r="50" cx="50" cy="110" fill="url(#green)" fill-opacity="0.8"/>
  33     <circle r="50" cx="110" cy="110" fill="url(#blue)" fill-opacity="0.8"/>
  34 </svg>