browser/metro/base/tests/mochiperf/res/divs_test.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

     1 <!DOCTYPE html>
     2 <html>
     3 <head>
     4 <style>
     5 #text
     6 {
     7   position: absolute;
     8   left: 1em;
     9   bottom: 1em;
    10 }
    12 .div1
    13 {
    14   transform:  rotate(30deg);
    15   background-color: green;
    16   opacity: .5;
    17   position:absolute;
    18   top: 10px;
    19   left: 10px;
    20   width: 600px;
    21   height: 600px;
    22 }
    24 .div2
    25 {
    26   transform:  rotate(60deg);
    27   background-color: blue;
    28   opacity: .5;
    29   position:absolute;
    30   top: 10px;
    31   left: 600px;
    32   width: 600px;
    33   height: 600px;
    34 }
    36 .div3
    37 {
    38   transform:  rotate(90deg);
    39   background-image: url("fx.png");
    40   opacity: .5;
    41   position:absolute;
    42   top: 100px;
    43   left: 300px;
    44   width: 640px;
    45   height: 435px;
    46 }
    48 </style>
    49 </head>
    51 <script type="text/javascript">
    53 var rot = 30;
    54 var scale = 1;
    55 var scaleFactor = .01
    56 function render()
    57 {
    58   rot +=2;
    59   scale += scaleFactor;
    60   if (scale > 1.5)
    61     scaleFactor = -.01;
    62   if (scale < .1)
    63     scaleFactor = .01;
    64   document.getElementById("div1").style.transform = "rotate(" + rot + "deg)";
    65   document.getElementById("div2").style.transform = "rotate(" + (rot + 30) + "deg)";
    66   document.getElementById("div3").style.transform = "rotate(" + (rot + 60) + "deg) " + "scale(" + scale + ")";
    67 }
    69 var frames = 0;
    71 function go() {
    72   var now = new Date();
    73   var evt = document.createEvent("CustomEvent");
    74   evt.initCustomEvent("teststarted", true, false, {});
    75   window.dispatchEvent(evt);
    76   function step(timestamp) {
    77     render();
    78     frames++;
    79     var time = new Date();
    80     var diff = time.getTime() - now.getTime();
    81     if (diff < 5000) {
    82       window.mozRequestAnimationFrame(step);
    83     } else {
    84       var evt = document.createEvent("CustomEvent");
    85       evt.initCustomEvent("testfinished", true, false, { frames: frames });
    86       window.dispatchEvent(evt);
    87     }
    88   }
    89   window.mozRequestAnimationFrame(step);
    90 }
    92 </script>
    93 <body onload="setTimeout(go, 2000);">
    94 <div id="div1" class="div1"></div>
    95 <div id="div2" class="div2"></div>
    96 <div id="div3" class="div3"></div>
    97 <div id="content" style="width:100%;">
    98   Alice was beginning to get very tired of sitting by her sister
    99 on the bank, and of having nothing to do:  once or twice she had
   100 peeped into the book her sister was reading, but it had no
   101 pictures or conversations in it, `and what is the use of a book,'
   102 thought Alice `without pictures or conversation?'
   104   So she was considering in her own mind (as well as she could,
   105 for the hot day made her feel very sleepy and stupid), whether
   106 the pleasure of making a daisy-chain would be worth the trouble
   107 of getting up and picking the daisies, when suddenly a White
   108 Rabbit with pink eyes ran close by her.
   110   There was nothing so VERY remarkable in that; nor did Alice
   111 think it so VERY much out of the way to hear the Rabbit say to
   112 itself, `Oh dear!  Oh dear!  I shall be late!'  (when she thought
   113 it over afterwards, it occurred to her that she ought to have
   114 wondered at this, but at the time it all seemed quite natural);
   115 but when the Rabbit actually TOOK A WATCH OUT OF ITS WAISTCOAT-
   116 POCKET, and looked at it, and then hurried on, Alice started to
   117 her feet, for it flashed across her mind that she had never
   118 before seen a rabbit with either a waistcoat-pocket, or a watch to
   119 take out of it, and burning with curiosity, she ran across the
   120 field after it, and fortunately was just in time to see it pop
   121 down a large rabbit-hole under the hedge.
   123   In another moment down went Alice after it, never once
   124 considering how in the world she was to get out again.
   126   The rabbit-hole went straight on like a tunnel for some way,
   127 and then dipped suddenly down, so suddenly that Alice had not a
   128 moment to think about stopping herself before she found herself
   129 falling down a very deep well.
   131   Either the well was very deep, or she fell very slowly, for she
   132 had plenty of time as she went down to look about her and to
   133 wonder what was going to happen next.  First, she tried to look
   134 down and make out what she was coming to, but it was too dark to
   135 see anything; then she looked at the sides of the well, and
   136 noticed that they were filled with cupboards and book-shelves;
   137 here and there she saw maps and pictures hung upon pegs.  She
   138 took down a jar from one of the shelves as she passed; it was
   139 labelled `ORANGE MARMALADE', but to her great disappointment it
   140 was empty:  she did not like to drop the jar for fear of killing
   141 somebody, so managed to put it into one of the cupboards as she
   142 fell past it.
   144   `Well!' thought Alice to herself, `after such a fall as this, I
   145 shall think nothing of tumbling down stairs!  How brave they'll
   146 all think me at home!  Why, I wouldn't say anything about it,
   147 even if I fell off the top of the house!' (Which was very likely
   148 true.)
   150   Down, down, down.  Would the fall NEVER come to an end!  `I
   151 wonder how many miles I've fallen by this time?' she said aloud.
   152 `I must be getting somewhere near the centre of the earth.  Let
   153 me see:  that would be four thousand miles down, I think--' (for,
   154 you see, Alice had learnt several things of this sort in her
   155 lessons in the schoolroom, and though this was not a VERY good
   156 opportunity for showing off her knowledge, as there was no one to
   157 listen to her, still it was good practice to say it over) `--yes,
   158 that's about the right distance--but then I wonder what Latitude
   159 or Longitude I've got to?'  (Alice had no idea what Latitude was,
   160 or Longitude either, but thought they were nice grand words to
   161 say.)
   163   Presently she began again.  `I wonder if I shall fall right
   164 THROUGH the earth!  How funny it'll seem to come out among the
   165 people that walk with their heads downward!  The Antipathies, I
   166 think--' (she was rather glad there WAS no one listening, this
   167 time, as it didn't sound at all the right word) `--but I shall
   168 have to ask them what the name of the country is, you know.
   169 Please, Ma'am, is this New Zealand or Australia?' (and she tried
   170 to curtsey as she spoke--fancy CURTSEYING as you're falling
   171 through the air!  Do you think you could manage it?)  `And what
   172 an ignorant little girl she'll think me for asking!  No, it'll
   173 never do to ask:  perhaps I shall see it written up somewhere.'
   175   Down, down, down.  There was nothing else to do, so Alice soon
   176 began talking again.  `Dinah'll miss me very much to-night, I
   177 should think!'  (Dinah was the cat.)  `I hope they'll remember
   178 her saucer of milk at tea-time.  Dinah my dear!  I wish you were
   179 down here with me!  There are no mice in the air, I'm afraid, but
   180 you might catch a bat, and that's very like a mouse, you know.
   181 But do cats eat bats, I wonder?'  And here Alice began to get
   182 rather sleepy, and went on saying to herself, in a dreamy sort of
   183 way, `Do cats eat bats?  Do cats eat bats?' and sometimes, `Do
   184 bats eat cats?' for, you see, as she couldn't answer either
   185 question, it didn't much matter which way she put it.  She felt
   186 that she was dozing off, and had just begun to dream that she
   187 was walking hand in hand with Dinah, and saying to her very
   188 earnestly, `Now, Dinah, tell me the truth:  did you ever eat a
   189 bat?' when suddenly, thump! thump! down she came upon a heap of
   190 sticks and dry leaves, and the fall was over.
   192   Alice was not a bit hurt, and she jumped up on to her feet in a
   193 moment:  she looked up, but it was all dark overhead; before her
   194 was another long passage, and the White Rabbit was still in
   195 sight, hurrying down it.  There was not a moment to be lost:
   196 away went Alice like the wind, and was just in time to hear it
   197 say, as it turned a corner, `Oh my ears and whiskers, how late
   198 it's getting!'  She was close behind it when she turned the
   199 corner, but the Rabbit was no longer to be seen:  she found
   200 herself in a long, low hall, which was lit up by a row of lamps
   201 hanging from the roof.
   203   There were doors all round the hall, but they were all locked;
   204 and when Alice had been all the way down one side and up the
   205 other, trying every door, she walked sadly down the middle,
   206 wondering how she was ever to get out again.
   208   Suddenly she came upon a little three-legged table, all made of
   209 solid glass; there was nothing on it except a tiny golden key,
   210 and Alice's first thought was that it might belong to one of the
   211 doors of the hall; but, alas! either the locks were too large, or
   212 the key was too small, but at any rate it would not open any of
   213 them.  However, on the second time round, she came upon a low
   214 curtain she had not noticed before, and behind it was a little
   215 door about fifteen inches high:  she tried the little golden key
   216 in the lock, and to her great delight it fitted!
   218   Alice opened the door and found that it led into a small
   219 passage, not much larger than a rat-hole:  she knelt down and
   220 looked along the passage into the loveliest garden you ever saw.
   221 How she longed to get out of that dark hall, and wander about
   222 among those beds of bright flowers and those cool fountains, but
   223 she could not even get her head though the doorway; `and even if
   224 my head would go through,' thought poor Alice, `it would be of
   225 very little use without my shoulders.  Oh, how I wish
   226 I could shut up like a telescope!  I think I could, if I only
   227 know how to begin.'  For, you see, so many out-of-the-way things
   228 had happened lately, that Alice had begun to think that very few
   229 things indeed were really impossible.
   231   There seemed to be no use in waiting by the little door, so she
   232 went back to the table, half hoping she might find another key on
   233 it, or at any rate a book of rules for shutting people up like
   234 telescopes:  this time she found a little bottle on it, (`which
   235 certainly was not here before,' said Alice,) and round the neck
   236 of the bottle was a paper label, with the words `DRINK ME'
   237 beautifully printed on it in large letters.
   239   It was all very well to say `Drink me,' but the wise little
   240 Alice was not going to do THAT in a hurry.  `No, I'll look
   241 first,' she said, `and see whether it's marked "poison" or not';
   242 for she had read several nice little histories about children who
   243 had got burnt, and eaten up by wild beasts and other unpleasant
   244 things, all because they WOULD not remember the simple rules
   245 their friends had taught them:  such as, that a red-hot poker
   246 will burn you if you hold it too long; and that if you cut your
   247 finger VERY deeply with a knife, it usually bleeds; and she had
   248 never forgotten that, if you drink much from a bottle marked
   249 `poison,' it is almost certain to disagree with you, sooner or
   250 later.
   252   However, this bottle was NOT marked `poison,' so Alice ventured
   253 to taste it, and finding it very nice, (it had, in fact, a sort
   254 of mixed flavour of cherry-tart, custard, pine-apple, roast
   255 turkey, toffee, and hot buttered toast,) she very soon finished
   256 it off.
   258      *       *       *       *       *       *       *
   260          *       *       *       *       *       *
   262      *       *       *       *       *       *       *
   264   `What a curious feeling!' said Alice; `I must be shutting up
   265 like a telescope.'
   267   And so it was indeed:  she was now only ten inches high, and
   268 her face brightened up at the thought that she was now the right
   269 size for going through the little door into that lovely garden.
   270 First, however, she waited for a few minutes to see if she was
   271 going to shrink any further:  she felt a little nervous about
   272 this; `for it might end, you know,' said Alice to herself, `in my
   273 going out altogether, like a candle.  I wonder what I should be
   274 like then?'  And she tried to fancy what the flame of a candle is
   275 like after the candle is blown out, for she could not remember
   276 ever having seen such a thing.
   277 </div>
   278 </body></html>

mercurial