| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <style> | 4 <style> |
| 5 | 5 |
| 6 body { | 6 body { |
| 7 margin: 0; | 7 margin: 0; |
| 8 } | 8 } |
| 9 #svg-root { | 9 #svg-root { |
| 10 position: relative; | 10 position: relative; |
| (...skipping 12 matching lines...) Expand all Loading... |
| 23 | 23 |
| 24 function startTest() | 24 function startTest() |
| 25 { | 25 { |
| 26 if (window.eventSender) | 26 if (window.eventSender) |
| 27 window.eventSender.zoomPageIn(); | 27 window.eventSender.zoomPageIn(); |
| 28 runTest(); | 28 runTest(); |
| 29 } | 29 } |
| 30 | 30 |
| 31 function test() | 31 function test() |
| 32 { | 32 { |
| 33 function nodeSelected(node) | 33 InspectorTest.dumpInspectorHighlightJSON("svg-root", InspectorTest.completeT
est.bind(InspectorTest)); |
| 34 { | |
| 35 InspectorTest.dumpInspectorHighlight(node, InspectorTest.completeTest.bi
nd(InspectorTest)); | |
| 36 } | |
| 37 | |
| 38 InspectorTest.selectNodeWithId("svg-root", nodeSelected); | |
| 39 } | 34 } |
| 40 | 35 |
| 41 </script> | 36 </script> |
| 42 </head> | 37 </head> |
| 43 <body onload="startTest()"> | 38 <body onload="startTest()"> |
| 44 <svg id="svg-root" width="100" height="200" viewbox="0 0 50 100"></svg> | 39 <svg id="svg-root" width="100" height="200" viewbox="0 0 50 100"></svg> |
| 45 <p id="description">This test verifies the position and size of the highlight re
ctangles overlayed on an SVG root element when the page is zoomed.</p> | 40 <p id="description">This test verifies the position and size of the highlight re
ctangles overlayed on an SVG root element when the page is zoomed.</p> |
| 46 <!-- | 41 <!-- |
| 47 | 42 |
| 48 Expected value calculations for #svg-root's highlight rectangles at 120% zoom: | 43 Expected value calculations for #svg-root's highlight rectangles at 120% zoom: |
| (...skipping 19 matching lines...) Expand all Loading... |
| 68 content rect: | 63 content rect: |
| 69 left: (10 + 30 + 40 + 50) * 1.2 == 130 * 1.2 == 156 | 64 left: (10 + 30 + 40 + 50) * 1.2 == 130 * 1.2 == 156 |
| 70 top: (20 + 30 + 40 + 50) * 1.2 == 140 * 1.2 == 168 | 65 top: (20 + 30 + 40 + 50) * 1.2 == 140 * 1.2 == 168 |
| 71 width: (100) * 1.2 == 120 | 66 width: (100) * 1.2 == 120 |
| 72 height: (200) * 1.2 == 240 | 67 height: (200) * 1.2 == 240 |
| 73 | 68 |
| 74 --> | 69 --> |
| 75 <div id="console"></div> | 70 <div id="console"></div> |
| 76 </body> | 71 </body> |
| 77 </html> | 72 </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