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>