Skip to content

Commit d72a80b

Browse files
authored
[css-shapes-2] Clarify shape/path interpolation (#10984)
* [css-shapes-2] Clarify shape/path interpolation Match the first moveTo of the `path()` with the "from" of the `shape()` This is guaranteed to work since `path()` always starts with an M or m. See resolution: #10740 (comment) Closes #10740 * s/value/command
1 parent a43d71b commit d72a80b

File tree

1 file changed

+5
-1
lines changed

1 file changed

+5
-1
lines changed

css-shapes-2/Overview.bs

+5-1
Original file line numberDiff line numberDiff line change
@@ -352,7 +352,11 @@ Interpolating the ''shape()'' Function</h5>
352352

353353
''shape()'' and ''path()'' functions can be <l spec=css-values-4>[=interpolated=]</l> with each other
354354
if their associated list of path data commands is the same length
355-
and has the same commands, in order.
355+
and has the same commands, in order, with the first command of the ''path()'' function interpolating with the
356+
initial <<coordinate-pair>> in the ''shape()'' function.
357+
358+
Note: The first command of a ''path()'' function is guaranteed to be a ''move'', see <a href="https://www.w3.org/TR/SVG2/paths.html#PathDataMovetoCommands">moveTo</a> in the SVG spec.
359+
356360
If the starting and ending values are both ''path()'' functions,
357361
the interpolated value is a ''path()'' function;
358362
otherwise it's a ''shape()'' function.

0 commit comments

Comments
 (0)