OLD | NEW |
1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
3 layer at (0,0) size 800x328 | 3 layer at (0,0) size 800x328 |
4 RenderBlock {html} at (0,0) size 800x328 | 4 RenderBlock {html} at (0,0) size 800x328 |
5 RenderBody {body} at (0,16) size 800x296 [bgcolor=#BBBBBB] | 5 RenderBody {body} at (0,16) size 800x296 [bgcolor=#BBBBBB] |
6 RenderBlock {p} at (50,0) size 750x44 | 6 RenderBlock {p} at (50,0) size 750x44 |
7 RenderText {#text} at (0,26) size 239x18 | 7 RenderText {#text} at (0,26) size 239x18 |
8 text run at (0,26) width 239: "SVG in a \"transparent\" EMBED tag: " | 8 text run at (0,26) width 239: "SVG in a \"transparent\" EMBED tag: " |
9 RenderEmbeddedObject {embed} at (239,0) size 40x40 | 9 RenderEmbeddedObject {embed} at (239,0) size 40x40 |
10 layer at (0,0) size 40x40 | 10 layer at (0,0) size 40x40 |
(...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
53 RenderBlock {p} at (50,60) size 750x34 | 53 RenderBlock {p} at (50,60) size 750x34 |
54 RenderText {#text} at (0,16) size 134x18 | 54 RenderText {#text} at (0,16) size 134x18 |
55 text run at (0,16) width 134: "SVG in an IMG tag: " | 55 text run at (0,16) width 134: "SVG in an IMG tag: " |
56 RenderImage {img} at (134,0) size 30x30 | 56 RenderImage {img} at (134,0) size 30x30 |
57 RenderBlock {p} at (50,110) size 750x18 | 57 RenderBlock {p} at (50,110) size 750x18 |
58 RenderText {#text} at (0,0) size 186x18 | 58 RenderText {#text} at (0,0) size 186x18 |
59 text run at (0,0) width 186: "SVG in a background-image:" | 59 text run at (0,0) width 186: "SVG in a background-image:" |
60 RenderBlock {p} at (50,202) size 750x44 | 60 RenderBlock {p} at (50,202) size 750x44 |
61 RenderText {#text} at (0,26) size 199x18 | 61 RenderText {#text} at (0,26) size 199x18 |
62 text run at (0,26) width 199: "SVG in a \"transparent\" iframe: " | 62 text run at (0,26) width 199: "SVG in a \"transparent\" iframe: " |
63 RenderPartObject {iframe} at (199,0) size 40x40 | |
64 layer at (0,0) size 40x40 | |
65 RenderView at (0,0) size 40x40 | |
66 layer at (0,0) size 40x40 | |
67 RenderSVGRoot {svg} at (0,0) size 40x40 | |
68 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0 | |
69 RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID]
[color=#000000]}] [points="22 0 28 0 23 15 23 15"] | |
70 RenderSVGContainer {g} at (0,0) size 40x40 | |
71 RenderSVGContainer {use} at (17,0) size 6x12 | |
72 RenderSVGViewportContainer {svg} at (17,0) size 6x12 | |
73 RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOL
ID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"] | |
74 RenderSVGContainer {use} at (21,1) size 12x14 [transform={m=((0.
87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}] | |
75 RenderSVGViewportContainer {svg} at (21,1) size 12x14 | |
76 RenderSVGPath {polygon} at (21,1) size 12x14 [fill={[type=SO
LID] [color=#000000] [opacity=0.08]}] [points="22 0 28 0 23 15 23 15"] | |
77 RenderSVGContainer {use} at (25,7) size 14x12 [transform={m=((0.
50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}] | |
78 RenderSVGViewportContainer {svg} at (25,7) size 14x12 | |
79 RenderSVGPath {polygon} at (25,7) size 14x12 [fill={[type=SO
LID] [color=#000000] [opacity=0.12]}] [points="22 0 28 0 23 15 23 15"] | |
80 RenderSVGContainer {use} at (28,17) size 12x6 [transform={m=((0.
00,1.00)(-1.00,0.00)) t=(50.00,0.00)}] | |
81 RenderSVGViewportContainer {svg} at (28,17) size 12x6 | |
82 RenderSVGPath {polygon} at (28,17) size 12x6 [fill={[type=SO
LID] [color=#000000] [opacity=0.16]}] [points="22 0 28 0 23 15 23 15"] | |
83 RenderSVGContainer {use} at (25,21) size 14x12 [transform={m=((-
0.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}] | |
84 RenderSVGViewportContainer {svg} at (25,21) size 14x12 | |
85 RenderSVGPath {polygon} at (25,21) size 14x12 [fill={[type=S
OLID] [color=#000000] [opacity=0.20]}] [points="22 0 28 0 23 15 23 15"] | |
86 RenderSVGContainer {use} at (21,25) size 12x14 [transform={m=((-
0.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}] | |
87 RenderSVGViewportContainer {svg} at (21,25) size 12x14 | |
88 RenderSVGPath {polygon} at (21,25) size 12x14 [fill={[type=S
OLID] [color=#000000] [opacity=0.24]}] [points="22 0 28 0 23 15 23 15"] | |
89 RenderSVGContainer {use} at (17,28) size 6x12 [transform={m=((-1
.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}] | |
90 RenderSVGViewportContainer {svg} at (17,28) size 6x12 | |
91 RenderSVGPath {polygon} at (17,28) size 6x12 [fill={[type=SO
LID] [color=#000000] [opacity=0.29]}] [points="22 0 28 0 23 15 23 15"] | |
92 RenderSVGContainer {use} at (7,25) size 12x14 [transform={m=((-0
.87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}] | |
93 RenderSVGViewportContainer {svg} at (7,25) size 12x14 | |
94 RenderSVGPath {polygon} at (7,25) size 12x14 [fill={[type=SO
LID] [color=#000000] [opacity=0.33]}] [points="22 0 28 0 23 15 23 15"] | |
95 RenderSVGContainer {use} at (1,21) size 14x12 [transform={m=((-0
.50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}] | |
96 RenderSVGViewportContainer {svg} at (1,21) size 14x12 | |
97 RenderSVGPath {polygon} at (1,21) size 14x12 [fill={[type=SO
LID] [color=#000000] [opacity=0.37]}] [points="22 0 28 0 23 15 23 15"] | |
98 RenderSVGContainer {use} at (0,17) size 12x6 [transform={m=((-0.
00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}] | |
99 RenderSVGViewportContainer {svg} at (0,17) size 12x6 | |
100 RenderSVGPath {polygon} at (0,17) size 12x6 [fill={[type=SOL
ID] [color=#000000] [opacity=0.41]}] [points="22 0 28 0 23 15 23 15"] | |
101 RenderSVGContainer {use} at (1,7) size 14x12 [transform={m=((0.5
0,-0.87)(0.87,0.50)) t=(-9.15,34.15)}] | |
102 RenderSVGViewportContainer {svg} at (1,7) size 14x12 | |
103 RenderSVGPath {polygon} at (1,7) size 14x12 [fill={[type=SOL
ID] [color=#000000] [opacity=0.45]}] [points="22 0 28 0 23 15 23 15"] | |
104 RenderSVGContainer {use} at (7,1) size 12x14 [transform={m=((0.8
7,-0.50)(0.50,0.87)) t=(-9.15,15.85)}] | |
105 RenderSVGViewportContainer {svg} at (7,1) size 12x14 | |
106 RenderSVGPath {polygon} at (7,1) size 12x14 [fill={[type=SOL
ID] [color=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"] | |
107 RenderBlock {p} at (50,262) size 750x34 | 63 RenderBlock {p} at (50,262) size 750x34 |
108 RenderText {#text} at (0,16) size 40x18 | 64 RenderText {#text} at (0,16) size 40x18 |
109 text run at (0,16) width 40: "Inline " | 65 text run at (0,16) width 40: "Inline " |
110 RenderSVGRoot {svg:svg} at (90,278) size 30x30 | 66 RenderSVGRoot {svg:svg} at (90,278) size 30x30 |
111 RenderSVGContainer {svg:g} at (90,278) size 30x30 | 67 RenderSVGContainer {svg:g} at (90,278) size 30x30 |
112 RenderSVGPath {svg:polygon} at (103,278) size 4x8 [fill={[type=SOLID
] [color=#000000] [opacity=0.04]}] [points="22 0 28 0 27 12 23 12"] | 68 RenderSVGPath {svg:polygon} at (103,278) size 4x8 [fill={[type=SOLID
] [color=#000000] [opacity=0.04]}] [points="22 0 28 0 27 12 23 12"] |
113 RenderSVGPath {svg:polygon} at (107,279) size 8x9 [transform={m=((0.
87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.08]}] [points="22 0 28 0 27 12 23 12"] | 69 RenderSVGPath {svg:polygon} at (107,279) size 8x9 [transform={m=((0.
87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.08]}] [points="22 0 28 0 27 12 23 12"] |
114 RenderSVGPath {svg:polygon} at (110,283) size 9x8 [transform={m=((0.
50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.12]}] [points="22 0 28 0 27 12 23 12"] | 70 RenderSVGPath {svg:polygon} at (110,283) size 9x8 [transform={m=((0.
50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.12]}] [points="22 0 28 0 27 12 23 12"] |
115 RenderSVGPath {svg:polygon} at (112,291) size 8x4 [transform={m=((0.
00,1.00)(-1.00,0.00)) t=(50.00,0.00)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.16]}] [points="22 0 28 0 27 12 23 12"] | 71 RenderSVGPath {svg:polygon} at (112,291) size 8x4 [transform={m=((0.
00,1.00)(-1.00,0.00)) t=(50.00,0.00)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.16]}] [points="22 0 28 0 27 12 23 12"] |
116 RenderSVGPath {svg:polygon} at (110,295) size 9x8 [transform={m=((-0
.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.20]}] [points="22 0 28 0 27 12 23 12"] | 72 RenderSVGPath {svg:polygon} at (110,295) size 9x8 [transform={m=((-0
.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.20]}] [points="22 0 28 0 27 12 23 12"] |
117 RenderSVGPath {svg:polygon} at (107,298) size 8x9 [transform={m=((-0
.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.24]}] [points="22 0 28 0 27 12 23 12"] | 73 RenderSVGPath {svg:polygon} at (107,298) size 8x9 [transform={m=((-0
.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.24]}] [points="22 0 28 0 27 12 23 12"] |
118 RenderSVGPath {svg:polygon} at (103,300) size 4x8 [transform={m=((-1
.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.29]}] [points="22 0 28 0 27 12 23 12"] | 74 RenderSVGPath {svg:polygon} at (103,300) size 4x8 [transform={m=((-1
.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}] [fill={[type=SOLID] [color=#000000] [o
pacity=0.29]}] [points="22 0 28 0 27 12 23 12"] |
119 RenderSVGPath {svg:polygon} at (95,298) size 8x9 [transform={m=((-0.
87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}] [fill={[type=SOLID] [color=#000000] [op
acity=0.33]}] [points="22 0 28 0 27 12 23 12"] | 75 RenderSVGPath {svg:polygon} at (95,298) size 8x9 [transform={m=((-0.
87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}] [fill={[type=SOLID] [color=#000000] [op
acity=0.33]}] [points="22 0 28 0 27 12 23 12"] |
120 RenderSVGPath {svg:polygon} at (91,295) size 9x8 [transform={m=((-0.
50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}] [fill={[type=SOLID] [color=#000000] [op
acity=0.37]}] [points="22 0 28 0 27 12 23 12"] | 76 RenderSVGPath {svg:polygon} at (91,295) size 9x8 [transform={m=((-0.
50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}] [fill={[type=SOLID] [color=#000000] [op
acity=0.37]}] [points="22 0 28 0 27 12 23 12"] |
121 RenderSVGPath {svg:polygon} at (90,291) size 8x4 [transform={m=((-0.
00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.41]}] [points="22 0 28 0 27 12 23 12"] | 77 RenderSVGPath {svg:polygon} at (90,291) size 8x4 [transform={m=((-0.
00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}] [fill={[type=SOLID] [color=#000000] [opa
city=0.41]}] [points="22 0 28 0 27 12 23 12"] |
122 RenderSVGPath {svg:polygon} at (91,283) size 9x8 [transform={m=((0.5
0,-0.87)(0.87,0.50)) t=(-9.15,34.15)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.45]}] [points="22 0 28 0 27 12 23 12"] | 78 RenderSVGPath {svg:polygon} at (91,283) size 9x8 [transform={m=((0.5
0,-0.87)(0.87,0.50)) t=(-9.15,34.15)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.45]}] [points="22 0 28 0 27 12 23 12"] |
123 RenderSVGPath {svg:polygon} at (95,279) size 8x9 [transform={m=((0.8
7,-0.50)(0.50,0.87)) t=(-9.15,15.85)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.50]}] [points="22 0 28 0 27 12 23 12"] | 79 RenderSVGPath {svg:polygon} at (95,279) size 8x9 [transform={m=((0.8
7,-0.50)(0.50,0.87)) t=(-9.15,15.85)}] [fill={[type=SOLID] [color=#000000] [opac
ity=0.50]}] [points="22 0 28 0 27 12 23 12"] |
124 RenderText {#text} at (0,0) size 0x0 | 80 RenderText {#text} at (0,0) size 0x0 |
| 81 layer at (249,218) size 40x40 |
| 82 RenderPartObject {iframe} at (199,0) size 40x40 |
| 83 layer at (0,0) size 40x40 |
| 84 RenderView at (0,0) size 40x40 |
| 85 layer at (0,0) size 40x40 |
| 86 RenderSVGRoot {svg} at (0,0) size 40x40 |
| 87 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0 |
| 88 RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID] [color
=#000000]}] [points="22 0 28 0 23 15 23 15"] |
| 89 RenderSVGContainer {g} at (0,0) size 40x40 |
| 90 RenderSVGContainer {use} at (17,0) size 6x12 |
| 91 RenderSVGViewportContainer {svg} at (17,0) size 6x12 |
| 92 RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID] [c
olor=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"] |
| 93 RenderSVGContainer {use} at (21,1) size 12x14 [transform={m=((0.87,0.5
0)(-0.50,0.87)) t=(15.85,-9.15)}] |
| 94 RenderSVGViewportContainer {svg} at (21,1) size 12x14 |
| 95 RenderSVGPath {polygon} at (21,1) size 12x14 [fill={[type=SOLID] [
color=#000000] [opacity=0.08]}] [points="22 0 28 0 23 15 23 15"] |
| 96 RenderSVGContainer {use} at (25,7) size 14x12 [transform={m=((0.50,0.8
7)(-0.87,0.50)) t=(34.15,-9.15)}] |
| 97 RenderSVGViewportContainer {svg} at (25,7) size 14x12 |
| 98 RenderSVGPath {polygon} at (25,7) size 14x12 [fill={[type=SOLID] [
color=#000000] [opacity=0.12]}] [points="22 0 28 0 23 15 23 15"] |
| 99 RenderSVGContainer {use} at (28,17) size 12x6 [transform={m=((0.00,1.0
0)(-1.00,0.00)) t=(50.00,0.00)}] |
| 100 RenderSVGViewportContainer {svg} at (28,17) size 12x6 |
| 101 RenderSVGPath {polygon} at (28,17) size 12x6 [fill={[type=SOLID] [
color=#000000] [opacity=0.16]}] [points="22 0 28 0 23 15 23 15"] |
| 102 RenderSVGContainer {use} at (25,21) size 14x12 [transform={m=((-0.50,0
.87)(-0.87,-0.50)) t=(59.15,15.85)}] |
| 103 RenderSVGViewportContainer {svg} at (25,21) size 14x12 |
| 104 RenderSVGPath {polygon} at (25,21) size 14x12 [fill={[type=SOLID]
[color=#000000] [opacity=0.20]}] [points="22 0 28 0 23 15 23 15"] |
| 105 RenderSVGContainer {use} at (21,25) size 12x14 [transform={m=((-0.87,0
.50)(-0.50,-0.87)) t=(59.15,34.15)}] |
| 106 RenderSVGViewportContainer {svg} at (21,25) size 12x14 |
| 107 RenderSVGPath {polygon} at (21,25) size 12x14 [fill={[type=SOLID]
[color=#000000] [opacity=0.24]}] [points="22 0 28 0 23 15 23 15"] |
| 108 RenderSVGContainer {use} at (17,28) size 6x12 [transform={m=((-1.00,0.
00)(-0.00,-1.00)) t=(50.00,50.00)}] |
| 109 RenderSVGViewportContainer {svg} at (17,28) size 6x12 |
| 110 RenderSVGPath {polygon} at (17,28) size 6x12 [fill={[type=SOLID] [
color=#000000] [opacity=0.29]}] [points="22 0 28 0 23 15 23 15"] |
| 111 RenderSVGContainer {use} at (7,25) size 12x14 [transform={m=((-0.87,-0
.50)(0.50,-0.87)) t=(34.15,59.15)}] |
| 112 RenderSVGViewportContainer {svg} at (7,25) size 12x14 |
| 113 RenderSVGPath {polygon} at (7,25) size 12x14 [fill={[type=SOLID] [
color=#000000] [opacity=0.33]}] [points="22 0 28 0 23 15 23 15"] |
| 114 RenderSVGContainer {use} at (1,21) size 14x12 [transform={m=((-0.50,-0
.87)(0.87,-0.50)) t=(15.85,59.15)}] |
| 115 RenderSVGViewportContainer {svg} at (1,21) size 14x12 |
| 116 RenderSVGPath {polygon} at (1,21) size 14x12 [fill={[type=SOLID] [
color=#000000] [opacity=0.37]}] [points="22 0 28 0 23 15 23 15"] |
| 117 RenderSVGContainer {use} at (0,17) size 12x6 [transform={m=((-0.00,-1.
00)(1.00,-0.00)) t=(0.00,50.00)}] |
| 118 RenderSVGViewportContainer {svg} at (0,17) size 12x6 |
| 119 RenderSVGPath {polygon} at (0,17) size 12x6 [fill={[type=SOLID] [c
olor=#000000] [opacity=0.41]}] [points="22 0 28 0 23 15 23 15"] |
| 120 RenderSVGContainer {use} at (1,7) size 14x12 [transform={m=((0.50,-0.8
7)(0.87,0.50)) t=(-9.15,34.15)}] |
| 121 RenderSVGViewportContainer {svg} at (1,7) size 14x12 |
| 122 RenderSVGPath {polygon} at (1,7) size 14x12 [fill={[type=SOLID] [c
olor=#000000] [opacity=0.45]}] [points="22 0 28 0 23 15 23 15"] |
| 123 RenderSVGContainer {use} at (7,1) size 12x14 [transform={m=((0.87,-0.5
0)(0.50,0.87)) t=(-9.15,15.85)}] |
| 124 RenderSVGViewportContainer {svg} at (7,1) size 12x14 |
| 125 RenderSVGPath {polygon} at (7,1) size 12x14 [fill={[type=SOLID] [c
olor=#000000] [opacity=0.50]}] [points="22 0 28 0 23 15 23 15"] |
125 layer at (250,112) size 42x42 | 126 layer at (250,112) size 42x42 |
126 RenderBlock (relative positioned) {div} at (0,144) size 42x42 [border: (1px so
lid #AAAAAA)] | 127 RenderBlock (relative positioned) {div} at (0,144) size 42x42 [border: (1px so
lid #AAAAAA)] |
OLD | NEW |