mirror of
https://github.com/servo/servo.git
synced 2025-08-03 12:40:06 +01:00
Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab
This commit is contained in:
parent
1a81b18b9f
commit
2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
|
@ -0,0 +1,34 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Transforms Test: SVG presentation attribute and matrix function arguments separated by commas with multiple spaces before the comma</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-matrix" rel="help">
|
||||
<link href="reference/svg-matrix-four-color-ref.htm" rel="match">
|
||||
<meta content="svg" name="flags">
|
||||
<meta content="The matrix function must support arguments separated by commas with multiple spaces before the commas. The rect in the test should be flipped up and left and scaled down horizontally and vertically." name="assert">
|
||||
<style type="text/css">
|
||||
svg {
|
||||
width: 400px;
|
||||
height: 400px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>The test passes if you see a four color square where the top left is green, the top right is fuchsia, the bottom left is yellow, and the bottom right is blue. You should see no red.</p>
|
||||
<svg>
|
||||
<defs>
|
||||
<pattern width="200" patternUnits="userSpaceOnUse" y="0" x="0" id="coloredBoxes" height="200">
|
||||
<rect y="0" width="100" fill="blue" x="0" height="100"></rect>
|
||||
<rect y="0" width="100" fill="yellow" x="100" height="100"></rect>
|
||||
<rect y="100" width="100" fill="fuchsia" x="0" height="100"></rect>
|
||||
<rect y="100" width="100" fill="green" x="100" height="100"></rect>
|
||||
</pattern>
|
||||
</defs>
|
||||
<rect y="1" width="98" fill="red" x="1" height="98"></rect>
|
||||
<rect width="200" fill="url(#coloredBoxes)" transform="matrix(-0.5 ,0 ,0 ,-0.5 ,100 ,100)" height="200"></rect>
|
||||
</svg>
|
||||
|
||||
|
||||
</body></html>
|
Loading…
Add table
Add a link
Reference in a new issue