summaryrefslogtreecommitdiffstats
path: root/layout/reftests/image-element/element-paint-transform-repeated.html
blob: f6479cbaf4807fb325633faa88141600ff92a20d (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/licenses/publicdomain/

     Test a repeated background with some transform.
     The transform scales up which causes blurring, so
     we use an SVG filter to get rid of it.
-->
<html>
<body style="filter:url(#thresholdAt128)">
  <div style="width:80px; height:80px; border: 1px solid black;
              background: 7px 7px -moz-element(#d);
              transform:matrix(2,0,0,2,50,50);">
  </div>
  <div style="overflow:hidden; height:0;">
    <div id="d" style="border:10px solid white; width:20px; height:20px;
                       background:black;"></div>
  </div>

  <svg>
    <filter id="thresholdAt128" color-interpolation-filters="sRGB">
      <feComponentTransfer>
        <feFuncR type="linear" slope="255" intercept="-128"/>
        <feFuncG type="linear" slope="255" intercept="-128"/>
        <feFuncB type="linear" slope="255" intercept="-128"/>
      </feComponentTransfer>
    </filter>
  </svg>
</body>
</html>