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

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!--
     2      Any copyright is dedicated to the Public Domain.
     3      http://creativecommons.org/licenses/publicdomain/
     4 -->
     5 <!DOCTYPE html>
     6 <html>
     7 <body style="margin:0; filter:url(#thresholdAt128);">
     8   <div style="width:80px; height:40px; border:1px solid black;">
     9     <div style="position:absolute; top:1px; left:1px;
    10                 border:10px solid blue; width:20px; height:20px; background:lime;"></div>
    11     <div style="position:absolute; top:1px; left:41px;
    12                 border:10px solid blue; width:20px; height:20px; background:lime;"></div>
    13   </div>
    14   <div style="width:80px; height:40px; border:1px solid black;">
    15     <div style="position:absolute; top:43px; left:1px;
    16                 width:40px; height:40px; overflow:hidden;">
    17       <div style="border:10px solid blue; width:20px; height:20px;
    18                   background:lime; -moz-transform:rotate(30deg);"></div>
    19     </div>
    20     <div style="position:absolute; top:43px; left:41px;
    21                 width:40px; height:40px; overflow:hidden;">
    22       <div style="border:10px solid blue; width:20px; height:20px;
    23                   background:lime; -moz-transform:rotate(30deg);"></div>
    24     </div>
    25   </div>
    26   <div style="width:80px; height:40px; border:1px solid black;">
    27     <div style="position:absolute; top:85px; left:1px;
    28                 width:40px; height:40px; overflow:hidden;">
    29       <div style="border:10px solid blue; width:20px; height:20px;
    30                   background:lime; -moz-transform:rotate(30deg);"></div>
    31     </div>
    32     <div style="position:absolute; top:85px; left:41px;
    33                 width:40px; height:40px; overflow:hidden;">
    34       <div style="border:10px solid blue; width:20px; height:20px;
    35                   background:lime; -moz-transform:rotate(30deg);"></div>
    36     </div>
    37   </div>
    38   <svg>
    39     <filter id="thresholdAt128" color-interpolation-filters="sRGB">
    40     <feColorMatrix type="matrix"
    41            values="255 0 0 0 -128 
    42                    0 255 0 0 -128 
    43                    0 0 255 0 -128 
    44                    0 0 0 255 -128"/>
    46     </filter>
    47   </svg>
    48 </body>
    49 </html>

mercurial