layout/reftests/image-element/element-paint-transform-03.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/image-element/element-paint-transform-03.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,37 @@
     1.4 +<!--
     1.5 +     Any copyright is dedicated to the Public Domain.
     1.6 +     http://creativecommons.org/licenses/publicdomain/
     1.7 +
     1.8 +     Test paint servers that are rotated. We have to paint them as rectangles.
     1.9 +-->
    1.10 +<!DOCTYPE html>
    1.11 +<html>
    1.12 +<body style="margin:0; filter:url(#thresholdAt128);">
    1.13 +  <div style="width:80px; height:40px; border:1px solid black;
    1.14 +              background:-moz-element(#d1);"></div>
    1.15 +  <div style="width:80px; height:40px; border:1px solid black;
    1.16 +              background:-moz-element(#d2);"></div>
    1.17 +  <div style="width:80px; height:40px; border:1px solid black;
    1.18 +              background:-moz-element(#d3);"></div>
    1.19 +
    1.20 +  <div style="overflow:hidden; height:0;">
    1.21 +    <div id="d1" style="width:40px; height:40px; -moz-transform:rotate(-30deg);">
    1.22 +      <div id="d2" style="width:40px; height:40px">
    1.23 +        <div id="d3" style="border:10px solid blue; width:20px; height:20px;
    1.24 +                            -moz-transform:rotate(30deg); background:lime">
    1.25 +        </div>
    1.26 +      </div>
    1.27 +    </div>
    1.28 +  </div>
    1.29 +  <svg>
    1.30 +    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
    1.31 +    <feColorMatrix type="matrix"
    1.32 +           values="255 0 0 0 -128 
    1.33 +                   0 255 0 0 -128 
    1.34 +                   0 0 255 0 -128 
    1.35 +                   0 0 0 255 -128"/>
    1.36 +
    1.37 +    </filter>
    1.38 +  </svg>
    1.39 +</body>
    1.40 +</html>

mercurial