[DevTools] Adjust svg elements highlight to the root FrameView origin.

LayoutTests/inspector/elements/highlight-node-scroll-expected.txt

Index: LayoutTests/inspector/elements/highlight-node-scroll-expected.txt
diff --git a/LayoutTests/inspector/elements/highlight-node-scroll-expected.txt b/LayoutTests/inspector/elements/highlight-node-scroll-expected.txt
index 9cf750c4792738d869c88f02a7931fd1fdd365ad..2d352a16451c3133bb417c77cd4cfad5e1560252 100644
--- a/LayoutTests/inspector/elements/highlight-node-scroll-expected.txt
+++ b/LayoutTests/inspector/elements/highlight-node-scroll-expected.txt
@@ -1,11 +1,51 @@
 This test verifies the position and size of the highlight rectangles overlayed on an inspected div in the scrolled view.
 
-margin rect is 260 x 260 at (-42, -92)
-border rect is 250 x 250 at (-37, -87)
-padding rect is 230 x 230 at (-27, -77)
-content rect is 200 x 200 at (-12, -62)
-margin rect is 260 x 260 at (-102, 118)
-border rect is 250 x 250 at (-97, 123)
-padding rect is 230 x 230 at (-87, 133)
-content rect is 200 x 200 at (-72, 148)
+inspectedElement1: {
+  "paths": [
+    {
+      "path": ["M", -12, -62, "L", 188, -62, "L", 188, 138, "L", -12, 138, "Z"],
+      "fillColor": "rgba(255, 0, 0, 0)",
+      "outlineColor": "rgba(128, 0, 0, 0)"
+    },
+    {
+      "path": ["M", -27, -77, "L", 203, -77, "L", 203, 153, "L", -27, 153, "Z"],
+      "fillColor": "rgba(0, 255, 0, 0)"
+    },
+    {
+      "path": ["M", -37, -87, "L", 213, -87, "L", 213, 163, "L", -37, 163, "Z"],
+      "fillColor": "rgba(0, 0, 255, 0)"
+    },
+    {
+      "path": ["M", -42, -92, "L", 218, -92, "L", 218, 168, "L", -42, 168, "Z"],
+      "fillColor": "rgba(255, 255, 255, 0)"
+    }
+  ],
+  "showRulers": true,
+  "showExtensionLines": true
+}
+
+inspectedElement2: {
+  "paths": [
+    {
+      "path": ["M", -72, 148, "L", 128, 148, "L", 128, 348, "L", -72, 348, "Z"],
+      "fillColor": "rgba(255, 0, 0, 0)",
+      "outlineColor": "rgba(128, 0, 0, 0)"
+    },
+    {
+      "path": ["M", -87, 133, "L", 143, 133, "L", 143, 363, "L", -87, 363, "Z"],
+      "fillColor": "rgba(0, 255, 0, 0)"
+    },
+    {
+      "path": ["M", -97, 123, "L", 153, 123, "L", 153, 373, "L", -97, 373, "Z"],
+      "fillColor": "rgba(0, 0, 255, 0)"
+    },
+    {
+      "path": ["M", -102, 118, "L", 158, 118, "L", 158, 378, "L", -102, 378, "Z"],
+      "fillColor": "rgba(255, 255, 255, 0)"
+    }
+  ],
+  "showRulers": true,
+  "showExtensionLines": true
+}
+