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-010.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html>
<head>
<title>CSS Transforms Test: SVG presentation attribute and scale -0.5 with only one parameter specified</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 and if the second parameter of the scale function is not provided, it is takes a value equal to the first. The green rect in this test should be flipped downward and rightward into view and scaled down 0.5 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>
<rect x="-400" y="-400" width="400" height="400" fill="green" transform="scale(-0.5)"/>
</svg>
</body>
</html>