1945312 - Let new path data API ride the trains

Status: RESOLVED FIXED

(Core :: SVG, enhancement)

Comment 1

[Robert Longson [:longsonr]]

Attachment: Bug 1945312 - Let new path data API ride the trains r=emilio

Comment 2

[Robert Longson [:longsonr]]

https://groups.google.com/a/mozilla.org/g/dev-platform/c/n5UXNSj5fTE

Comment 3

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/20c8e2d40fd0
Let new path data API ride the trains r=emilio

Comment 4

[Cristina Horotan [:chorotan]]

https://hg.mozilla.org/mozilla-central/rev/20c8e2d40fd0

Comment 5

[Pascal Chevrel:pascalc]

Added to our 137 beta release notes with this wording:

Support for the SVG 2 path API is now available.

Adding the relnote flag and keeping it open until we ship to the release channel.

Comment 6

[Vadim Makeev]

Hey! I’m documenting this API on MDN and have a few questions:

What user-facing methods/interfaces were implemented: getPathData, setPathData, and getPathSegmentAtLength?

Is there a way to construct an SVGPathSegment sequence to use it in the setPathData method? My attempts to use an array similar to what the polyfill uses:

const pathData = [
  { type: "M", values: [0, 0] },
  { type: "h", values: [64] },
  { type: "v", values: [64] },
  { type: "h", values: [-64] },
  { type: "Z", values: [] }
]

And then setting it to the path path.setPathData(pathData) end up with an error:

Uncaught TypeError: SVGPathElement.setPathData: Element of argument 1 does not implement interface SVGPathSegment.

I can only successfully setPathData that I just got via getPathData. But I’m trying to show an example of constructing it.

Thanks!

Comment 7

[Robert Longson [:longsonr]]

What user-facing methods/interfaces were implemented: getPathData, setPathData, and getPathSegmentAtLength?

All of the above.

Is there a way to construct an SVGPathSegment sequence to use it in the setPathData method?

Not as far as I'm aware. See https://github.com/w3c/svgwg/issues/964

You'd need to get a SVGPathSegment from getPathData or getPathSegmentAtLength.