OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body> | 3 <body> |
4 | 4 |
5 <!-- Test for https://bugs.webkit.org/show_bug.cgi?id=111587 --> | 5 <!-- Test for https://bugs.webkit.org/show_bug.cgi?id=111587 --> |
6 <!-- Passes if all circles are drawn at high resolution, without pixelation --> | 6 <!-- Passes if all circles are drawn at high resolution, without pixelation --> |
7 | 7 |
8 <div style="position: relative; left: 27px; -webkit-transform: scale(5); -webkit
-transform-origin: 0 0; width: 100px;"> | 8 <div style="position: relative; left: 27px; transform: scale(5); -webkit-transfo
rm-origin: 0 0; width: 100px;"> |
9 <div style="-webkit-transform: scale(2); -webkit-transform-origin: 0 0; width: 5
0px;"> | 9 <div style="transform: scale(2); -webkit-transform-origin: 0 0; width: 50px;"> |
10 <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> | 10 <svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"> |
11 <defs> | 11 <defs> |
12 <pattern id="pattern" width="10" height="10" patternUnits="userSpaceOnUse"
> | 12 <pattern id="pattern" width="10" height="10" patternUnits="userSpaceOnUse"
> |
13 <circle cx="5" cy="5" r="5" fill="green"/> | 13 <circle cx="5" cy="5" r="5" fill="green"/> |
14 </pattern> | 14 </pattern> |
15 | 15 |
16 <mask id="mask"> | 16 <mask id="mask"> |
17 <circle cx="5" cy="5" r="5" fill="white"/> | 17 <circle cx="5" cy="5" r="5" fill="white"/> |
18 </mask> | 18 </mask> |
19 | 19 |
(...skipping 23 matching lines...) Expand all Loading... |
43 </g> | 43 </g> |
44 | 44 |
45 <g transform="translate(30 30)"> | 45 <g transform="translate(30 30)"> |
46 <circle cx="5" cy="5" r="5" fill="green" filter="url(#filter)"/> | 46 <circle cx="5" cy="5" r="5" fill="green" filter="url(#filter)"/> |
47 </g> | 47 </g> |
48 </svg> | 48 </svg> |
49 </div> | 49 </div> |
50 </div> | 50 </div> |
51 </body> | 51 </body> |
52 </html> | 52 </html> |
OLD | NEW |