| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 | 5 |
| 6 .float { | 6 .float { |
| 7 width: 8em; | 7 width: 8em; |
| 8 height: 8em; | 8 height: 8em; |
| 9 float: left; | 9 float: left; |
| 10 shape-margin: 2em; | 10 shape-margin: 2em; |
| 11 margin: 1em; | 11 margin: 1em; |
| 12 } | 12 } |
| 13 | 13 |
| 14 .circle { | 14 .circle { |
| 15 background-color:blue; | 15 background-color:blue; |
| 16 shape-outside: circle(closest-side at center); | 16 shape-outside: circle(closest-side at center); |
| 17 -webkit-clip-path: circle(closest-side at center); | 17 -webkit-clip-path: circle(closest-side at center); |
| 18 } | 18 } |
| 19 | 19 |
| 20 </style> | 20 </style> |
| 21 <script src="../../http/tests/inspector/inspector-test.js"></script> | 21 <script src="../../http/tests/inspector/inspector-test.js"></script> |
| 22 <script src="../../http/tests/inspector/elements-test.js"></script> | 22 <script src="../../http/tests/inspector/elements-test.js"></script> |
| 23 <script> | 23 <script> |
| 24 | 24 |
| 25 function test() | 25 function test() |
| 26 { | 26 { |
| 27 var i = 0; | 27 var i = 0; |
| 28 function selectNode() | 28 function dump() |
| 29 { | 29 { |
| 30 InspectorTest.selectNodeWithId('circle', evaluate); | 30 InspectorTest.dumpInspectorHighlightJSON("circle", i == 0 ? scroll : Ins
pectorTest.completeTest.bind(InspectorTest)); |
| 31 } | |
| 32 function evaluate(node) | |
| 33 { | |
| 34 InspectorTest.dumpInspectorHighlightShape(node, i == 0 ? scroll: Inspect
orTest.completeTest.bind(InspectorTest)); | |
| 35 } | 31 } |
| 36 function scroll() | 32 function scroll() |
| 37 { | 33 { |
| 38 window.scrollTo(0, 100); | 34 window.scrollTo(0, 100); |
| 39 ++i; | 35 ++i; |
| 40 selectNode(); | 36 dump(); |
| 41 } | 37 } |
| 42 selectNode(); | 38 dump(); |
| 43 } | 39 } |
| 44 | 40 |
| 45 </script> | 41 </script> |
| 46 </head> | 42 </head> |
| 47 | 43 |
| 48 <body onload="runTest()"> | 44 <body onload="runTest()"> |
| 49 <div class="float circle" id="circle"> </div> | 45 <div class="float circle" id="circle"> </div> |
| 50 </body> | 46 </body> |
| 51 </html> | 47 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 662603002:
[DevTools] Adjust svg elements highlight to the root FrameView origin. (Closed)
Base URL: svn://svn.chromium.org/blink/trunk