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

Side by Side Diff: LayoutTests/fast/shapes/shape-inside/shape-inside-ellipse-padding.html

Issue 124303002: Layout support for new ellipse shape syntax (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Rebase against ToT Created 6 years, 11 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
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html> 2 <html>
3 <head> 3 <head>
4 <style> 4 <style>
5 /* This test is the same as ellipse-shape-inside except that the ellipse rad ii are 250px,150px instead 5 /* This test is the same as ellipse-shape-inside except that the ellipse rad ii are 250px,150px instead
6 of 200px,100px and shape-padding 50px has been specified. The expected re sult is the same as the original test. 6 of 200px,100px and shape-padding 50px has been specified. The expected re sult is the same as the original test.
7 */ 7 */
8 #shape-inside { 8 #shape-inside {
9 position: relative; 9 position: relative;
10 width: 500px; 10 width: 500px;
11 height: 500px; 11 height: 500px;
12 shape-inside: ellipse(220px, 220px, 250px, 150px); 12 shape-inside: ellipse(250px 150px at 220px 220px);
13 shape-padding: 50px; 13 shape-padding: 50px;
14 font: 178px/1 Ahem, sans-serif; 14 font: 178px/1 Ahem, sans-serif;
15 color: green; 15 color: green;
16 } 16 }
17 17
18 #shape-outline { 18 #shape-outline {
19 position: absolute; 19 position: absolute;
20 top: 0px; 20 top: 0px;
21 left: 0px; 21 left: 0px;
22 width: 500px; 22 width: 500px;
23 height: 500px; 23 height: 500px;
24 } 24 }
25 </style> 25 </style>
26 </head> 26 </head>
27 <body> 27 <body>
28 <div id="shape-inside"> 28 <div id="shape-inside">
29 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg"> 29 <svg id="shape-outline" xmlns="http://www.w3.org/2000/svg">
30 <ellipse cx="220" cy="220" rx="200" ry="100" stroke="blue" fill="no ne"/> 30 <ellipse cx="220" cy="220" rx="200" ry="100" stroke="blue" fill="no ne"/>
31 </svg> 31 </svg>
32 X 32 X
33 </div> 33 </div>
34 </body> 34 </body>
35 </html> 35 </html>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698