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 |