Source code

Revision control

Copy as Markdown

Other Tools

Test Info:

<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and scale -0.5 on the g 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="Scaling by a negative value should flip the element. The group containing the green rect in this test should be flipped downard and rightward into view and scaled down horizontally and vertically to completely cover the red background.">
<style type="text/css">
svg {
width: 200px;
height: 200px;
background: red;
}
</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="-400" y="-400" width="400" height="400" fill="green"/>
</g>
</svg>
</body>
</html>