Chromium Code Reviews| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta charset="utf-8"> | |
| 5 <title>Motion Path Module Level 1: parsing offset-path with valid values</title> | |
| 6 <link rel="author" title="Eric Willigers" href="mailto:ericwilligers@chromium.or g"> | |
| 7 <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-path-property"> | |
| 8 <meta name="assert" content="offset-path supports the full grammar from the spec ."> | |
| 9 <script src="/resources/testharness.js"></script> | |
| 10 <script src="/resources/testharnessreport.js"></script> | |
| 11 <script src="resources/parsing-testcommon.js"></script> | |
| 12 </head> | |
| 13 <body> | |
| 14 <script> | |
| 15 assert_valid_value("offset-path", "none"); | |
| 16 | |
| 17 assert_valid_value("offset-path", "ray(0rad closest-side)"); | |
| 18 assert_valid_value("offset-path", "ray(0.25turn closest-corner contain)"); | |
| 19 assert_valid_value("offset-path", "ray(200grad farthest-side)"); | |
| 20 assert_valid_value("offset-path", "ray(270deg farthest-corner contain)"); | |
| 21 assert_valid_value("offset-path", "ray(-720deg sides)"); | |
| 22 assert_valid_value("offset-path", "ray(calc(180deg - 45deg) farthest-side)", "ra y(calc(135deg) farthest-side)"); | |
| 23 | |
| 24 assert_valid_value("offset-path", "path('m 0 0 h -100')"); | |
| 25 assert_valid_value("offset-path", "path('M 0 0 L 100 100 M 100 200 L 200 200 Z L 300 300 Z')"); | |
| 26 | |
| 27 assert_valid_value("offset-path", 'url("http://www.example.com/index.html#polyli ne1")'); | |
| 28 | |
| 29 assert_valid_value("offset-path", "circle(100px)"); | |
| 30 assert_valid_value("offset-path", "margin-box"); | |
| 31 assert_valid_value("offset-path", "inset(10% 20% 30% 40%) border-box"); | |
|
suzyh_UTC10 (ex-contributor)
2017/05/25 03:52:57
Should there be an example with both basic-shape a
Eric Willigers
2017/05/25 11:43:12
Done.
| |
| 32 </script> | |
| 33 </body> | |
| 34 </html> | |
| OLD | NEW |