Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-transforms/scale/svg-scale-009.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and scale 0.5 on the g element and scale 0.5 on the rect element</title>
<link rel="author" title="Rebecca Hauck" href="mailto:rhauck@adobe.com">
<link rel="match" href="reference/svg-scale-ref.html">
<meta name="flags" content="svg">
<meta name="assert" content="The group containing the red rect in this test should be scaled down 0.5 and the red rect should be scaled down again 0.5 to be completely hidden behind the green rect.">
<style type="text/css">
svg {
width: 200px;
height: 200px;
background: green;
}
</style>
</head>
<body>
<p>The test passes if you see a green square and no red.</p>
<svg>
<g transform="scale(0.5)">
<rect x="1" y="1" width="592" height="592" fill="red" transform="scale(0.5)"/>
</g>
<rect width="150" height="150" fill="green"/>
</svg>
</body>
</html>