| 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 |