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

LayoutTests/inspector/elements/highlight-css-shapes-outside.html

Index: LayoutTests/inspector/elements/highlight-css-shapes-outside.html
diff --git a/LayoutTests/inspector/elements/highlight-css-shapes-outside.html b/LayoutTests/inspector/elements/highlight-css-shapes-outside.html
index 2c161f8c082869ccee65c6b29c8c01a70454a073..a6af05730cf4d889d18440031825cc8fe6b8789b 100644
--- a/LayoutTests/inspector/elements/highlight-css-shapes-outside.html
+++ b/LayoutTests/inspector/elements/highlight-css-shapes-outside.html
@@ -65,15 +65,12 @@ function test()
 {
     var list = ["circle", "insetSimpleRound", "insetComplexRound", "ellipse", "contentBox", "polygon", "raster"];
     var index = 0;
-    function selectNode()
+    function nextNode()
     {
-        InspectorTest.selectNodeWithId(String(list[index++]), evaluate);
+        var nodeId = String(list[index++]);
+        InspectorTest.dumpInspectorHighlightJSON(nodeId, (index == list.length)  ? InspectorTest.completeTest.bind(InspectorTest): nextNode);
     }
-    function evaluate(node)
-    {
-        InspectorTest.dumpInspectorHighlightShape(node, (index == list.length)  ? InspectorTest.completeTest.bind(InspectorTest): selectNode);
-    }
-    selectNode();
+    nextNode();
 }
 
 </script>