mirror of
https://github.com/servo/servo
synced 2026-04-28 18:37:39 +02:00
28 lines
1.4 KiB
HTML
28 lines
1.4 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml"><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 href="mailto:rhauck@adobe.com" rel="author" title="Rebecca Hauck" />
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#svg-transform" rel="help" />
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions" rel="help" />
|
|
<link href="http://www.w3.org/TR/css-transforms-1/#funcdef-scale" rel="help" />
|
|
<link href="reference/svg-scale-ref.xht" rel="match" />
|
|
<meta content="svg" name="flags" />
|
|
<meta 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." name="assert" />
|
|
<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 xmlns="http://www.w3.org/2000/svg">
|
|
<g transform="scale(0.5)">
|
|
<rect width="592" y="1" x="1" fill="red" transform="scale(0.5)" height="592"></rect>
|
|
</g>
|
|
<rect width="150" fill="green" height="150"></rect>
|
|
</svg>
|
|
|
|
</body></html> |