layout/reftests/svg/mask-img.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/svg/mask-img.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,32 @@
     1.4 +<!DOCTYPE html>
     1.5 +<html>
     1.6 +  <body style="margin:0">
     1.7 +    <div style="height:50px"></div>
     1.8 +    <img border=0 src='data:image/svg+xml,
     1.9 +<!-- vim: set expandtab ts=2 sw=2 tw=80: -->
    1.10 +<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
    1.11 +  xmlns:xlink="http://www.w3.org/1999/xlink"
    1.12 +  viewBox="0 0 700 80">
    1.13 +  <defs>
    1.14 +    <style type="text/css">
    1.15 +    .fillSpan  {
    1.16 +      fill: lightgrey;
    1.17 +      stroke: black;
    1.18 +    }
    1.19 +    </style>
    1.20 +    <!-- Fade out effect -->
    1.21 +    <mask id="fadeout" maskContentUnits="objectBoundingBox">
    1.22 +      <rect x="-0.05" y="-0.05" width="1.1" height="1.1"
    1.23 +        fill="url(%23fadeoutGrad)"/>
    1.24 +    </mask>
    1.25 +    <linearGradient id="fadeoutGrad">
    1.26 +      <stop offset="0" stop-color="white" stop-opacity="1"/>
    1.27 +      <stop offset="0.35" stop-color="white" stop-opacity="1"/>
    1.28 +      <stop offset="0.9" stop-color="white" stop-opacity="0"/>
    1.29 +    </linearGradient>
    1.30 +  </defs>
    1.31 +  <rect width="150" height="80" class="fillSpan" mask="url(%23fadeout)"/>
    1.32 +</svg>
    1.33 +    ' width="700">
    1.34 +  </body>
    1.35 +</html>

mercurial