blob: 95f26870dc556eb5ea823445c0a9ca44e05b8480 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!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 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.htm" 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>
<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>
|
