2012-02-07 11:10:58 -08:00
|
|
|
<!--
|
|
|
|
DO NOT MODIFY THIS FILE UNLESS YOU KNOW WHAT YOU ARE DOING!
|
|
|
|
|
|
|
|
This file is specifically designed to create a page larger than
|
|
|
|
any screen fennec could run on (to allow panning in both axes).
|
|
|
|
It is filled with 100x100 pixel boxes that are of unique colour,
|
|
|
|
so that we can identify exactly what part of the page we are
|
2012-03-22 10:35:45 -07:00
|
|
|
rendering at any given time. The colours are specifically chosen
|
|
|
|
so that adjacent boxes have a fairly large variation in colour,
|
|
|
|
and so that errors due to 565/888 conversion are minimised. This
|
|
|
|
is done by dropping the bottom few bits on each color channel,
|
|
|
|
so that conversion from 888->565 is pretty much lossless, and any
|
|
|
|
variation only comes in from however the drivers do 565->888.
|
|
|
|
|
|
|
|
A lot of the tests depend on this behaviour, so ensure that all
|
|
|
|
the tests pass (on a variety of screen sizes) when making any
|
|
|
|
changes to this file.
|
2012-02-07 11:10:58 -08:00
|
|
|
-->
|
2012-01-30 19:46:34 -08:00
|
|
|
<html style="margin: 0; padding: 0">
|
2012-02-07 11:10:58 -08:00
|
|
|
<head>
|
|
|
|
<title>Browser Box test</title>
|
|
|
|
<meta name="viewport" content="initial-scale=1.0"/>
|
2012-03-28 08:53:59 -07:00
|
|
|
<meta charset="utf-8">
|
2012-02-07 11:10:58 -08:00
|
|
|
</head>
|
2012-01-30 19:46:34 -08:00
|
|
|
<body style="margin: 0; padding: 0">
|
|
|
|
<script type="text/javascript">
|
|
|
|
for (var y = 0; y < 2000; y += 100) {
|
|
|
|
document.write("<div style='width: 2000px; height: 100px; margin: 0; padding: 0; border: none'>\n");
|
|
|
|
for (var x = 0; x < 2000; x += 100) {
|
2012-03-22 10:35:45 -07:00
|
|
|
var r = (Math.floor(x / 3) % 256);
|
|
|
|
r = r & 0xF8;
|
|
|
|
var g = (x + y) % 256;
|
|
|
|
g = g & 0xFC;
|
|
|
|
var b = (Math.floor(y / 3) % 256);
|
|
|
|
b = b & 0xF8;
|
2012-01-30 19:46:34 -08:00
|
|
|
document.write("<div style='float: left; width: 100px; height: 100px; margin: 0; padding: 0; border: none; background-color: rgb(" + r + "," + g + "," + b + ")'> </div>\n");
|
|
|
|
}
|
|
|
|
document.write("</div>\n");
|
|
|
|
}
|
|
|
|
</script>
|
|
|
|
</body>
|
|
|
|
</html>
|