LayoutTests/svg/filters/feFlood-with-alpha-color.html

   1 <!DOCTYPE html>
   2 <html>
   3     <body>
   4         <p>You should see two identical gray squares below</p>
   5         <svg width="600px" height="500px" xmlns="http://www.w3.org/2000/svg">
   6             <defs>
   7                 <filter id="flood" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
   8                     <feFlood flood-color="rgba(0, 0, 0, 0.4)"/>
   9                 </filter>
  10
  11                 <filter id="flood-with-alpha" filterUnits="objectBoundingBox" x="0" y="0" width="1" height="1">
  12                     <feFlood flood-color="rgba(0, 0, 0, 0.8)" flood-opacity="0.5"/>
  13                 </filter>
  14             </defs>
  15             <rect x="0" y="0" width="200" height="200" filter="url(#flood)"/>
  16             <rect x="0" y="250" width="200" height="200" filter="url(#flood-with-alpha)"/>
  17         </svg>
  18     </body>
  19 </html>