OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 800x600 | 4 LayoutBlockFlow {HTML} at (0,0) size 800x600 |
5 LayoutBlockFlow {BODY} at (8,8) size 784x568 | 5 LayoutBlockFlow {BODY} at (8,8) size 784x568 |
6 LayoutBlockFlow {P} at (0,0) size 784x18 | 6 LayoutBlockFlow {P} at (0,0) size 784x18 |
7 LayoutText {#text} at (0,0) size 577x17 | 7 LayoutText {#text} at (0,0) size 577x17 |
8 text run at (0,0) width 577: "Three different sizes. The large size in
particular should appear detailed and not pixelated." | 8 text run at (0,0) width 577: "Three different sizes. The large size in
particular should appear detailed and not pixelated." |
9 LayoutBlockFlow {P} at (0,34) size 784x96 | 9 LayoutBlockFlow {P} at (0,34) size 784x96 |
10 LayoutText {#text} at (0,64) size 96x17 | 10 LayoutText {#text} at (0,64) size 92x17 |
11 text run at (0,64) width 96: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{D83D}
\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" | 11 text run at (0,64) width 92: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{D83D}
\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" |
12 LayoutInline {SPAN} at (0,0) size 30x5 | 12 LayoutInline {SPAN} at (0,0) size 29x5 |
13 LayoutText {#text} at (96,74) size 30x5 | 13 LayoutText {#text} at (92,74) size 29x5 |
14 text run at (96,74) width 30: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{D8
3D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" | 14 text run at (92,74) width 29: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{D8
3D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" |
15 LayoutText {#text} at (126,64) size 4x17 | 15 LayoutText {#text} at (121,64) size 4x17 |
16 text run at (126,64) width 4: " " | 16 text run at (121,64) width 4: " " |
17 LayoutInline {SPAN} at (0,0) size 432x80 | 17 LayoutInline {SPAN} at (0,0) size 414x80 |
18 LayoutText {#text} at (130,14) size 432x80 | 18 LayoutText {#text} at (125,14) size 414x80 |
19 text run at (130,14) width 432: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{
D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" | 19 text run at (125,14) width 414: "\x{D83D}\x{DE49}\x{D83D}\x{DE3B}\x{
D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" |
20 LayoutBlockFlow {P} at (0,146) size 784x36 | 20 LayoutBlockFlow {P} at (0,146) size 784x36 |
21 LayoutText {#text} at (0,0) size 348x17 | 21 LayoutText {#text} at (0,0) size 348x17 |
22 text run at (0,0) width 348: "For the following, the emoji colors shou
ld not change." | 22 text run at (0,0) width 348: "For the following, the emoji colors shou
ld not change." |
23 LayoutBR {BR} at (347,14) size 1x0 | 23 LayoutBR {BR} at (347,14) size 1x0 |
24 LayoutText {#text} at (0,18) size 576x17 | 24 LayoutText {#text} at (0,18) size 576x17 |
25 text run at (0,18) width 576: "The monkey should be colored, the sheep
should be black outlined with a white body, etc." | 25 text run at (0,18) width 576: "The monkey should be colored, the sheep
should be black outlined with a white body, etc." |
26 LayoutBlockFlow {P} at (0,206) size 400x32 [bgcolor=#0000FF] | 26 LayoutBlockFlow {P} at (0,206) size 400x32 [bgcolor=#0000FF] |
27 LayoutText {#text} at (0,5) size 318x26 | 27 LayoutText {#text} at (0,5) size 312x26 |
28 text run at (0,5) width 318: "blue background: \x{D83D}\x{DE49}\x{D83D
}\x{DE3B}\x{D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" | 28 text run at (0,5) width 312: "blue background: \x{D83D}\x{DE49}\x{D83D
}\x{DE3B}\x{D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" |
29 LayoutBlockFlow {P} at (0,262) size 784x32 [color=#FF0000] | 29 LayoutBlockFlow {P} at (0,262) size 784x32 [color=#FF0000] |
30 LayoutText {#text} at (0,5) size 230x26 | 30 LayoutText {#text} at (0,5) size 224x26 |
31 text run at (0,5) width 230: "red text: \x{D83D}\x{DE49}\x{D83D}\x{DE3
B}\x{D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" | 31 text run at (0,5) width 224: "red text: \x{D83D}\x{DE49}\x{D83D}\x{DE3
B}\x{D83D}\x{DC11}\x{D83C}\x{DF7C}\x{D83C}\x{DF72}\x{D83D}\x{DE0D}" |
32 LayoutBlockFlow {P} at (0,318) size 784x36 | 32 LayoutBlockFlow {P} at (0,318) size 784x36 |
33 LayoutText {#text} at (0,0) size 434x17 | 33 LayoutText {#text} at (0,0) size 434x17 |
34 text run at (0,0) width 434: "For the following, each emoji should app
ear in two different colors." | 34 text run at (0,0) width 434: "For the following, each emoji should app
ear in two different colors." |
35 LayoutBR {BR} at (433,14) size 1x0 | 35 LayoutBR {BR} at (433,14) size 1x0 |
36 LayoutText {#text} at (0,18) size 240x17 | 36 LayoutText {#text} at (0,18) size 240x17 |
37 text run at (0,18) width 240: "Color swatches should not be visible." | 37 text run at (0,18) width 240: "Color swatches should not be visible." |
38 LayoutBlockFlow {P} at (0,378) size 784x32 | 38 LayoutBlockFlow {P} at (0,378) size 784x32 |
39 LayoutText {#text} at (0,5) size 434x26 | 39 LayoutText {#text} at (0,5) size 418x26 |
40 text run at (0,5) width 434: "zero-width-joiners: \x{270C}\x{200D}\x{D
83C}\x{DFFF}\x{270C}\x{200D}\x{D83C}\x{DFFC}\x{D83D}\x{DC6F}\x{200D}\x{D83C}\x{D
FFB}\x{D83D}\x{DC6F}\x{200D}\x{D83C}\x{DFFF}\x{D83D}\x{DC72}\x{200D}\x{D83C}\x{D
FFD}\x{D83D}\x{DC72}\x{200D}\x{D83C}\x{DFFB}" | 40 text run at (0,5) width 418: "zero-width-joiners: \x{270C}\x{200D}\x{D
83C}\x{DFFF}\x{270C}\x{200D}\x{D83C}\x{DFFC}\x{D83D}\x{DC6F}\x{200D}\x{D83C}\x{D
FFB}\x{D83D}\x{DC6F}\x{200D}\x{D83C}\x{DFFF}\x{D83D}\x{DC72}\x{200D}\x{D83C}\x{D
FFD}\x{D83D}\x{DC72}\x{200D}\x{D83C}\x{DFFB}" |
41 layer at (500,200) size 200x200 | 41 layer at (500,200) size 200x200 |
42 LayoutBlockFlow (positioned) {DIV} at (500,200) size 200x200 | 42 LayoutBlockFlow (positioned) {DIV} at (500,200) size 200x200 |
43 LayoutBlockFlow {P} at (0,24) size 200x96 | 43 LayoutBlockFlow {P} at (0,24) size 200x96 |
44 LayoutText {#text} at (0,5) size 188x26 | 44 LayoutText {#text} at (0,5) size 188x26 |
45 text run at (0,5) width 188: "rotated emoji: \x{D83D}\x{DE49}\x{D83D}\x{
DE0D}" | 45 text run at (0,5) width 188: "rotated emoji: \x{D83D}\x{DE49}\x{D83D}\x{
DE0D}" |
46 LayoutBR {BR} at (187,26) size 1x0 | 46 LayoutBR {BR} at (187,26) size 1x0 |
47 LayoutInline {SPAN} at (0,0) size 156x26 [color=#008000] | 47 LayoutInline {SPAN} at (0,0) size 150x26 [color=#008000] |
48 LayoutText {#text} at (0,37) size 156x26 | 48 LayoutText {#text} at (0,37) size 150x26 |
49 text run at (0,37) width 156: "green text: \x{D83D}\x{DE3B}\x{D83C}\x{
DF7C}" | 49 text run at (0,37) width 150: "green text: \x{D83D}\x{DE3B}\x{D83C}\x{
DF7C}" |
50 LayoutBR {BR} at (155,58) size 1x0 | 50 LayoutBR {BR} at (149,58) size 1x0 |
51 LayoutInline {SPAN} at (0,0) size 152x26 [bgcolor=#800080] | 51 LayoutInline {SPAN} at (0,0) size 152x26 [bgcolor=#800080] |
52 LayoutText {#text} at (0,69) size 152x26 | 52 LayoutText {#text} at (0,69) size 152x26 |
53 text run at (0,69) width 152: "purple bg: \x{D83D}\x{DC11}\x{D83C}\x{D
F72}" | 53 text run at (0,69) width 152: "purple bg: \x{D83D}\x{DC11}\x{D83C}\x{D
F72}" |
OLD | NEW |