Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(286)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/svg/transforms/svg-css-transforms-clip-path.xhtml

Issue 637763002: Unprefix usage of -webkit-transform in tests (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 years, 2 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/svg/transforms/svg-css-transforms.xhtml ('k') | LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.or g/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 2
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 <head> 4 <head>
5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
6 <title>SVG clip-path CSS transform</title> 6 <title>SVG clip-path CSS transform</title>
7 <style type="text/css" media="screen"> 7 <style type="text/css" media="screen">
8 div { 8 div {
9 -webkit-box-sizing: border-box; 9 -webkit-box-sizing: border-box;
10 } 10 }
(...skipping 30 matching lines...) Expand all
41 </style> 41 </style>
42 </head> 42 </head>
43 43
44 <body> 44 <body>
45 45
46 <div class="column"> 46 <div class="column">
47 <h2>SVG CSS scale</h2> 47 <h2>SVG CSS scale</h2>
48 <div class="container"> 48 <div class="container">
49 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink"> 49 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink">
50 <defs> 50 <defs>
51 <circle id="circle1" cx="10" cy="10" r="20" style="-webkit-transform:scale (5)"/> 51 <circle id="circle1" cx="10" cy="10" r="20" style="transform:scale(5)"/>
52 <clipPath id="clip-circle1"> 52 <clipPath id="clip-circle1">
53 <use xlink:href="#circle1"/> 53 <use xlink:href="#circle1"/>
54 </clipPath> 54 </clipPath>
55 </defs> 55 </defs>
56 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-circle1)"/> 56 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-circle1)"/>
57 </svg> 57 </svg>
58 </div> 58 </div>
59 59
60 <h2>SVG scale</h2> 60 <h2>SVG scale</h2>
61 <div class="container"> 61 <div class="container">
62 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink"> 62 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink">
63 <defs> 63 <defs>
64 <circle id="circle2" cx="10" cy="10" r="20" transform="scale(5)"/> 64 <circle id="circle2" cx="10" cy="10" r="20" transform="scale(5)"/>
65 <clipPath id="clip-circle2"> 65 <clipPath id="clip-circle2">
66 <use xlink:href="#circle2"/> 66 <use xlink:href="#circle2"/>
67 </clipPath> 67 </clipPath>
68 </defs> 68 </defs>
69 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-circle2)"/> 69 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-circle2)"/>
70 </svg> 70 </svg>
71 </div> 71 </div>
72 </div> 72 </div>
73 73
74 <div class="column"> 74 <div class="column">
75 <h2>SVG CSS compound</h2> 75 <h2>SVG CSS compound</h2>
76 <div class="container"> 76 <div class="container">
77 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink"> 77 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink">
78 <defs> 78 <defs>
79 <rect id="rect1" x="1" y="1" width="40" height="40" style="-webkit-transfo rm:rotate(45deg) scale(5)"/> 79 <rect id="rect1" x="1" y="1" width="40" height="40" style="transform:rotat e(45deg) scale(5)"/>
80 <clipPath id="clip-rect1"> 80 <clipPath id="clip-rect1">
81 <use xlink:href="#rect1"/> 81 <use xlink:href="#rect1"/>
82 </clipPath> 82 </clipPath>
83 </defs> 83 </defs>
84 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-rect1)"/> 84 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-pat h="url(#clip-rect1)"/>
85 </svg> 85 </svg>
86 </div> 86 </div>
87 87
88 <h2>SVG compound</h2> 88 <h2>SVG compound</h2>
89 <div class="container"> 89 <div class="container">
90 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink"> 90 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/ xlink">
91 <defs> 91 <defs>
92 <rect id="rect2" x="1" y="1" width="40" height="40" transform="rotate(45 ) scale(5)"/> 92 <rect id="rect2" x="1" y="1" width="40" height="40" transform="rotate(45 ) scale(5)"/>
93 <clipPath id="clip-rect2"> 93 <clipPath id="clip-rect2">
94 <use xlink:href="#rect2"/> 94 <use xlink:href="#rect2"/>
95 </clipPath> 95 </clipPath>
96 </defs> 96 </defs>
97 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-p ath="url(#clip-rect2)"/> 97 <rect id="rect" x="10" y="10" width="200" height="200" fill="green" clip-p ath="url(#clip-rect2)"/>
98 </svg> 98 </svg>
99 </div> 99 </div>
100 </div> 100 </div>
101 101
102 </body> 102 </body>
103 </html> 103 </html>
OLDNEW
« no previous file with comments | « LayoutTests/svg/transforms/svg-css-transforms.xhtml ('k') | LayoutTests/svg/transforms/text-with-pattern-inside-transformed-html.xhtml » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698