39 lines
1.6 KiB
HTML
39 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<!-- Test that svg bounding boxes are not affected by empty containers -->
|
|
<head>
|
|
<script type="text/javascript">
|
|
function checkBoundingBoxesEqual() {
|
|
if (window.testRunner)
|
|
window.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>
|