1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/svg/svg-integration/patterned-svg-under-transformed-html-02.xhtml Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,47 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/publicdomain/zero/1.0/
1.7 +-->
1.8 +<html xmlns="http://www.w3.org/1999/xhtml">
1.9 +<head>
1.10 + <title>Test SVG patterning under transformed HTML elements</title>
1.11 + <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=769970 -->
1.12 + <style type="text/css">
1.13 +
1.14 +* { margin: 0; border: 0; padding: 0;}
1.15 +
1.16 +svg {
1.17 + display: block;
1.18 + position: absolute;
1.19 +}
1.20 +
1.21 +.scaled {
1.22 + left: 50px;
1.23 + top: 50px;
1.24 + width: 150px;
1.25 + height: 150px;
1.26 + transform: scale(2,2);
1.27 + transform-origin: 0 0;
1.28 +}
1.29 +
1.30 + </style>
1.31 +</head>
1.32 +<body bgcolor="lime">
1.33 +
1.34 + <svg xmlns="http://www.w3.org/2000/svg" width="350" height="350">
1.35 + <circle cx="200" cy="200" r="147" fill="red"/>
1.36 + </svg>
1.37 +
1.38 + <svg xmlns="http://www.w3.org/2000/svg" class="scaled">
1.39 + <pattern id="redDot" width="1" height="1">
1.40 + <circle cx="75" cy="75" r="74" fill="red"/>
1.41 + </pattern>
1.42 + <pattern id="limeDot" width="1" height="1">
1.43 + <circle cx="75" cy="75" r="75" fill="lime"/>
1.44 + </pattern>
1.45 + <rect width="100%" height="100%" fill="url(#redDot)"/>
1.46 + <rect width="100%" height="100%" fill="url(#limeDot)"/>
1.47 + </svg>
1.48 +
1.49 +</body>
1.50 +</html>
