OLD | NEW |
| (Empty) |
1 layer at (0,0) size 800x600 | |
2 RenderView at (0,0) size 800x600 | |
3 layer at (0,0) size 800x328 | |
4 RenderBlock {html} at (0,0) size 800x328 | |
5 RenderBody {body} at (0,16) size 800x296 [bgcolor=#BBBBBB] | |
6 RenderBlock {p} at (50,0) size 750x44 | |
7 RenderText {#text} at (0,26) size 239x18 | |
8 text run at (0,26) width 239: "SVG in a \"transparent\" EMBED tag: " | |
9 RenderEmbeddedObject {embed} at (239,0) size 40x40 | |
10 layer at (0,0) size 40x40 | |
11 RenderView at (0,0) size 40x40 | |
12 layer at (0,0) size 40x40 | |
13 RenderSVGRoot {svg} at (0,0) size 40x40 | |
14 RenderSVGHiddenContainer {symbol} at (0,0) size 0x0 | |
15 RenderSVGPath {polygon} at (17,0) size 6x12 [fill={[type=SOLID]
[color=#000000]}] [points="22 0 28 0 23 15 23 15"] | |
16 RenderSVGContainer {g} at (0,0) size 40x40 | |
17 RenderSVGContainer {use} at (17,0) size 6x12 | |
18 RenderSVGViewportContainer {svg} at (17,0) size 6x12 | |
19 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"] | |
20 RenderSVGContainer {use} at (21,1) size 12x14 [transform={m=((0.
87,0.50)(-0.50,0.87)) t=(15.85,-9.15)}] | |
21 RenderSVGViewportContainer {svg} at (21,1) size 12x14 | |
22 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"] | |
23 RenderSVGContainer {use} at (25,7) size 14x12 [transform={m=((0.
50,0.87)(-0.87,0.50)) t=(34.15,-9.15)}] | |
24 RenderSVGViewportContainer {svg} at (25,7) size 14x12 | |
25 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"] | |
26 RenderSVGContainer {use} at (28,17) size 12x6 [transform={m=((0.
00,1.00)(-1.00,0.00)) t=(50.00,0.00)}] | |
27 RenderSVGViewportContainer {svg} at (28,17) size 12x6 | |
28 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"] | |
29 RenderSVGContainer {use} at (25,21) size 14x12 [transform={m=((-
0.50,0.87)(-0.87,-0.50)) t=(59.15,15.85)}] | |
30 RenderSVGViewportContainer {svg} at (25,21) size 14x12 | |
31 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"] | |
32 RenderSVGContainer {use} at (21,25) size 12x14 [transform={m=((-
0.87,0.50)(-0.50,-0.87)) t=(59.15,34.15)}] | |
33 RenderSVGViewportContainer {svg} at (21,25) size 12x14 | |
34 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"] | |
35 RenderSVGContainer {use} at (17,28) size 6x12 [transform={m=((-1
.00,0.00)(-0.00,-1.00)) t=(50.00,50.00)}] | |
36 RenderSVGViewportContainer {svg} at (17,28) size 6x12 | |
37 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"] | |
38 RenderSVGContainer {use} at (7,25) size 12x14 [transform={m=((-0
.87,-0.50)(0.50,-0.87)) t=(34.15,59.15)}] | |
39 RenderSVGViewportContainer {svg} at (7,25) size 12x14 | |
40 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"] | |
41 RenderSVGContainer {use} at (1,21) size 14x12 [transform={m=((-0
.50,-0.87)(0.87,-0.50)) t=(15.85,59.15)}] | |
42 RenderSVGViewportContainer {svg} at (1,21) size 14x12 | |
43 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"] | |
44 RenderSVGContainer {use} at (0,17) size 12x6 [transform={m=((-0.
00,-1.00)(1.00,-0.00)) t=(0.00,50.00)}] | |
45 RenderSVGViewportContainer {svg} at (0,17) size 12x6 | |
46 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"] | |
47 RenderSVGContainer {use} at (1,7) size 14x12 [transform={m=((0.5
0,-0.87)(0.87,0.50)) t=(-9.15,34.15)}] | |
48 RenderSVGViewportContainer {svg} at (1,7) size 14x12 | |
49 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"] | |
50 RenderSVGContainer {use} at (7,1) size 12x14 [transform={m=((0.8
7,-0.50)(0.50,0.87)) t=(-9.15,15.85)}] | |
51 RenderSVGViewportContainer {svg} at (7,1) size 12x14 | |
52 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"] | |
53 RenderBlock {p} at (50,60) size 750x34 | |
54 RenderText {#text} at (0,16) size 134x18 | |
55 text run at (0,16) width 134: "SVG in an IMG tag: " | |
56 RenderImage {img} at (134,0) size 30x30 | |
57 RenderBlock {p} at (50,110) size 750x18 | |
58 RenderText {#text} at (0,0) size 186x18 | |
59 text run at (0,0) width 186: "SVG in a background-image:" | |
60 RenderBlock {p} at (50,202) size 750x44 | |
61 RenderText {#text} at (0,26) size 199x18 | |
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 | |
108 RenderText {#text} at (0,16) size 40x18 | |
109 text run at (0,16) width 40: "Inline " | |
110 RenderSVGRoot {svg:svg} at (90,278) size 30x30 | |
111 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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
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"] | |
124 RenderText {#text} at (0,0) size 0x0 | |
125 layer at (250,112) size 42x42 | |
126 RenderBlock (relative positioned) {div} at (0,144) size 42x42 [border: (1px so
lid #AAAAAA)] | |
OLD | NEW |