<!DOCTYPE html>
<html>
<!-- Test that svg bounding boxes are not affected by empty containers -->
<head>
<script type="text/javascript">
function checkBoundingBoxesEqual() {
if (window.testRunner)
testRunner.dumpAsText();
// Ensure both boxes are the same size, meaning the empty <g> does not affect the bbox size.
var bboxA = document.getElementById('ga').getBBox();
var bboxB = document.getElementById('gb').getBBox();
var results = "FAIL";
if (bboxA.width == bboxB.width && bboxA.height == bboxB.height)
results = "PASS";
document.body.innerHTML = results + ", bounding box sizes are (" +
bboxA.width + ", " + bboxA.height + ") and (" +
bboxB.width + ", " + bboxB.height + ")";
}
</script>
</head>
<body onload="checkBoundingBoxesEqual()">
<svg width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<g id="ga">
<g></g>
<g transform="translate(100, 100)">
<g></g>
<rect x="0" y="0" width="100" height="100" rx="10" ry="10" stroke="#000000" stroke-width="1" fill="#ffffcc" />
</g>
</g>
<g id="gb">
<g transform="translate(100, 100)">
<rect x="0" y="0" width="100" height="100" rx="10" ry="10" stroke="#000000" stroke-width="1" fill="#ffffcc" />
</g>
</g>
</svg>
</body>
</html>
Codebase Browser
chromium