Jason Leo
d33d0f5b55
Automatic update from web-platform-tests [css-shapes] Implement polygon() round modifier (#60345) * [css-shapes] Implement polygon() round modifier Implement the CSS Shapes `polygon(round <length>, ...)` syntax behind the CSSPolygonRounding runtime flag. This adds parsing and serialization for the optional round modifier, stores the radius on polygon basic shapes, includes it in equality and interpolation, and generates rounded polygon paths for clip-path, offset-path, and related basic-shape consumers. For shape-outside, rounded polygons now rasterize from the rounded path instead of the sharp vertex list so float exclusion follows the rounded outline. Add unit tests, a clip-path rendering test, and WPT coverage for parsing and computed values. ChromeStatusEntry: https://chromestatus.com/feature/6636392944893952 Spec: https://www.w3.org/TR/css-shapes-1/#typedef-basic-shape Bug: 329302249 Change-Id: I4ffb0f4c7efcdb243c8dc1f547f4b84194264634 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7716742 Reviewed-by: Fredrik Söderquist <fs@opera.com> Commit-Queue: Jason Leo <cgqaq@chromium.org> Cr-Commit-Position: refs/heads/main@{#1611220} * ove the the changes (new tests added) in css/css-shapes/shape-functions/polygon-function-* to separate files * put the files in the right features --------- Co-authored-by: Jason Leo <cgqaq@chromium.org> -- wpt-commits: 0070273c9cabb3e87b7395d103d15832478085b0 wpt-pr: 60345
34 lines
1.1 KiB
HTML
34 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>CSS Shapes Module Level 1: parsing the polygon() function with the round modifier</title>
|
|
<link rel="help" href="https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon">
|
|
<meta name="assert" content="Tests computed value of the round modifier in the polygon() function">
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/css/support/computed-testcommon.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="target"></div>
|
|
<script>
|
|
test_computed_value(
|
|
"shape-outside",
|
|
"polygon(round 1em, 1px 2px, 3em 4em)",
|
|
"polygon(round 16px, 1px 2px, 48px 64px)");
|
|
test_computed_value(
|
|
"shape-outside",
|
|
"polygon(evenodd round 6pt, 1px 2px, 3em 4em, 6pt 6%)",
|
|
"polygon(evenodd round 8px, 1px 2px, 48px 64px, 8px 6%)");
|
|
test_computed_value(
|
|
"shape-outside",
|
|
"polygon(round 0px, 1px 2px, 3px 4px)",
|
|
"polygon(1px 2px, 3px 4px)");
|
|
test_computed_value(
|
|
"shape-outside",
|
|
"polygon(round calc(1em + 2px), 1px 2px, 3px 4px)",
|
|
"polygon(round 18px, 1px 2px, 3px 4px)");
|
|
</script>
|
|
</body>
|
|
</html>
|