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

Wed, 31 Dec 2014 06:09:35 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:09:35 +0100
changeset 0
6474c204b198
permissions
-rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

michael@0 1 <!--
michael@0 2 Any copyright is dedicated to the Public Domain.
michael@0 3 http://creativecommons.org/licenses/publicdomain/
michael@0 4
michael@0 5 Test paint servers that are rotated. We have to paint them as rectangles.
michael@0 6 -->
michael@0 7 <!DOCTYPE html>
michael@0 8 <html>
michael@0 9 <body style="margin:0; filter:url(#thresholdAt128);">
michael@0 10 <div style="width:80px; height:40px; border:1px solid black;
michael@0 11 background:-moz-element(#d1);"></div>
michael@0 12 <div style="width:80px; height:40px; border:1px solid black;
michael@0 13 background:-moz-element(#d2);"></div>
michael@0 14 <div style="width:80px; height:40px; border:1px solid black;
michael@0 15 background:-moz-element(#d3);"></div>
michael@0 16
michael@0 17 <div style="overflow:hidden; height:0;">
michael@0 18 <div id="d1" style="width:40px; height:40px; -moz-transform:rotate(-30deg);">
michael@0 19 <div id="d2" style="width:40px; height:40px">
michael@0 20 <div id="d3" style="border:10px solid blue; width:20px; height:20px;
michael@0 21 -moz-transform:rotate(30deg); background:lime">
michael@0 22 </div>
michael@0 23 </div>
michael@0 24 </div>
michael@0 25 </div>
michael@0 26 <svg>
michael@0 27 <filter id="thresholdAt128" color-interpolation-filters="sRGB">
michael@0 28 <feColorMatrix type="matrix"
michael@0 29 values="255 0 0 0 -128
michael@0 30 0 255 0 0 -128
michael@0 31 0 0 255 0 -128
michael@0 32 0 0 0 255 -128"/>
michael@0 33
michael@0 34 </filter>
michael@0 35 </svg>
michael@0 36 </body>
michael@0 37 </html>

mercurial