Change SVG layout tree output to be more meaningful and consistent

third_party/WebKit/LayoutTests/platform/mac/transforms/svg-vs-css-expected.txt

 layer at (0,0) size 800x600
   LayoutView at (0,0) size 800x600
 layer at (0,0) size 800x582
   LayoutBlockFlow {html} at (0,0) size 800x582
     LayoutBlockFlow {body} at (8,8) size 784x566
       LayoutBlockFlow {div} at (10,10) size 220x545.63
         LayoutBlockFlow {h2} at (0,19.91) size 220x28
           LayoutText {#text} at (0,0) size 121x28
             text run at (0,0) width 121: "SVG nested"
         LayoutBlockFlow {h2} at (0,287.72) size 220x28
@@ skipping 13 matching lines @@
       LayoutBlockFlow {div} at (498,10) size 220x545.63
         LayoutBlockFlow {h2} at (0,19.91) size 220x28
           LayoutText {#text} at (0,0) size 128x28
             text run at (0,0) width 128: "SVG Matrix"
         LayoutBlockFlow {h2} at (0,287.72) size 220x28
           LayoutText {#text} at (0,0) size 116x28
             text run at (0,0) width 116: "CSSMatrix"
       LayoutText {#text} at (0,0) size 0x0
 layer at (28,86) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
-    LayoutSVGRoot {svg} at (29,109) size 196x175
-      LayoutSVGContainer {g} at (29,109) size 196x175 [transform={m=((1.00,0.00)(0.00,1.00)) t=(75.00,25.00)}]
-        LayoutSVGRect {rect} at (103,110) size 62x63 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
-        LayoutSVGContainer {g} at (29,109) size 196x175 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]
-          LayoutSVGRect {rect} at (103,110) size 122x123 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
-          LayoutSVGRect {rect} at (29,109) size 162x175 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,0.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+    LayoutSVGRoot {svg} at (1,1) size 200x200
+      LayoutSVGContainer {g} at (-84.85,0) size 204.85x169.71 [transform={m=((1.00,0.00)(0.00,1.00)) t=(75.00,25.00)}]
+        LayoutSVGRect {rect} at (0,0) size 60x60 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+        LayoutSVGContainer {g} at (-42.43,0) size 102.43x84.85 [transform={m=((2.00,0.00)(0.00,2.00)) t=(0.00,0.00)}]
+          LayoutSVGRect {rect} at (0,0) size 60x60 [stroke={[type=SOLID] [color=#000000] [dash array={1.00, 1.00}]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+          LayoutSVGRect {rect} at (0,0) size 60x60 [transform={m=((0.71,0.71)(-0.71,0.71)) t=(0.00,0.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
     LayoutText {#text} at (0,0) size 0x0
 layer at (28,354) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
 layer at (29,355) size 60x60
   LayoutBlockFlow (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]
 layer at (30,356) size 60x60
   LayoutBlockFlow (positioned) {div} at (1,1) size 60x60 [border: (1px dotted #000000)]
 layer at (31,357) size 60x60
   LayoutBlockFlow (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]
 layer at (272,86) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
-    LayoutSVGRoot {svg} at (273,109) size 162x175
-      LayoutSVGRect {rect} at (273,109) size 162x175 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+    LayoutSVGRoot {svg} at (1,1) size 200x200
+      LayoutSVGRect {rect} at (0,0) size 60x60 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
     LayoutText {#text} at (0,0) size 0x0
 layer at (272,354) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
 layer at (273,355) size 60x60
   LayoutBlockFlow (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]
 layer at (516,86) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,67.81) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
-    LayoutSVGRoot {svg} at (517,109) size 162x175
-      LayoutSVGRect {rect} at (517,109) size 162x175 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
+    LayoutSVGRoot {svg} at (1,1) size 200x200
+      LayoutSVGRect {rect} at (0,0) size 60x60 [transform={m=((1.41,1.41)(-1.41,1.41)) t=(75.00,25.00)}] [stroke={[type=SOLID] [color=#0000FF]}] [x=0.00] [y=0.00] [width=60.00] [height=60.00]
     LayoutText {#text} at (0,0) size 0x0
 layer at (516,354) size 200x200
   LayoutBlockFlow (relative positioned) {div} at (10,335.63) size 200x200 [bgcolor=#C0C0C0] [border: (1px solid #000000)]
 layer at (517,355) size 60x60
   LayoutBlockFlow (positioned) {div} at (1,1) size 60x60 [border: (1px solid #0000FF)]