| <!DOCTYPE html> |
| <html> |
| <script> |
| function check_bbox(bbox, test_name) |
| { |
| var result_str = ""; |
| |
| if (bbox.x == 0 && bbox.y == 50 && bbox.width == 100 && bbox.height == 0) { |
| result_str += "Passed"; |
| } else { |
| result_str += test_name + ": Failed"; |
| result_str += "("+bbox.x+","+bbox.y+":"+bbox.width + "," + bbox.height+")"; |
| } |
| |
| var p_result = document.querySelector("#result"); |
| p_result.appendChild(document.createTextNode(result_str + "; ")); |
| } |
| |
| function run() |
| { |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| var svg = document.querySelector("svg"); |
| var ellipse = document.createElementNS("http://www.w3.org/2000/svg", "ellipse"); |
| ellipse.setAttribute("cx", "50"); |
| ellipse.setAttribute("cy", "50"); |
| ellipse.setAttribute("rx", "50"); |
| ellipse.setAttribute("ry", "0"); |
| ellipse.setAttribute("height", "0"); |
| svg.appendChild(ellipse); |
| check_bbox(ellipse.getBBox(), "zero height ellipse"); |
| |
| ellipse.setAttribute("stroke-width", "10"); |
| ellipse.setAttribute("stroke", "red"); |
| check_bbox(ellipse.getBBox(), "with stroke"); |
| |
| ellipse.setAttribute("vector-effect", "non-scaling-stroke"); |
| check_bbox(ellipse.getBBox(), "with non-scaling-stroke"); |
| } |
| </script> |
| |
| <body onload="run()"> |
| <p>Bug <a href="https://bugs.webkit.org/show_bug.cgi?id=93290">93290</a>: getBBox() returns (0,0) incorrectly when width or height is zero.</p> |
| <p>For this test to pass, you should see 'Passed' three times below.</a> |
| <p id="result"></p> |
| <svg xmlns="http://www.w3.org/2000/svg"> |
| </svg> |
| </body> |
| </html> |
