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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 26390004: Rework SVG sizing (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Fix mishap during rebase in svg.css Created 6 years, 8 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/animated-path-inside-transformed-html.xhtml ('k') | LayoutTests/svg/transforms/transform-origin-css-property.xhtml » ('j') | Source/core/css/svg.css » ('J')
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 14 matching lines...) Expand all
25 25
26 .box { 26 .box {
27 position: absolute; 27 position: absolute;
28 top: 0; 28 top: 0;
29 left: 0; 29 left: 0;
30 height: 60px; 30 height: 60px;
31 width: 60px; 31 width: 60px;
32 border: 1px dotted black; 32 border: 1px dotted black;
33 -webkit-transform-origin: top left; /* to match SVG */ 33 -webkit-transform-origin: top left; /* to match SVG */
34 } 34 }
35
36 svg { width: 100%; height: 100% }
35 37
36 .final { 38 .final {
37 border: 1px solid blue; 39 border: 1px solid blue;
38 } 40 }
39 </style> 41 </style>
40 </head> 42 </head>
41 43
42 <body> 44 <body>
43 45
44 <div class="column"> 46 <div class="column">
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
92 <use xlink:href="#rect2"/> 94 <use xlink:href="#rect2"/>
93 </clipPath> 95 </clipPath>
94 </defs> 96 </defs>
95 <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)"/>
96 </svg> 98 </svg>
97 </div> 99 </div>
98 </div> 100 </div>
99 101
100 </body> 102 </body>
101 </html> 103 </html>
OLDNEW
« no previous file with comments | « LayoutTests/svg/transforms/animated-path-inside-transformed-html.xhtml ('k') | LayoutTests/svg/transforms/transform-origin-css-property.xhtml » ('j') | Source/core/css/svg.css » ('J')

Powered by Google App Engine
This is Rietveld 408576698