blob: e6c4e66e5dce9f3b15b2d7ae6470b64001978ed8 (
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
|
<!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 with parameters separated by commas + no whitespace</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="Parameters in the scale function can be separated by commas and no whitespace. The red rect in this test should be scaled down 0.5 to completely cover 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">
<rect width="196" y="1" x="1" fill="red" transform="scale(0.5,0.5)" height="196"></rect>
<rect width="100" fill="green" height="100"></rect>
</svg>
</body></html>
|
