Support external SVG resources for the 'clip-path', 'fill', 'stroke' and 'marker-*' properties

[fsoder]

WebKittens

No response

Title of the proposal

Support external SVG resources for the 'clip-path', 'fill', 'stroke' and 'marker-*' properties

URL to the spec

https://svgwg.org/svg2-draft/linking.html#URLReference

URL to the spec's repository

https://github.com/w3c/svgwg/

Issue Tracker URL

No response

Explainer URL

No response

TAG Design Review URL

No response

Mozilla standards-positions issue URL

No response

WebKit Bugzilla URL

No response

Radar URL

No response

Description

Resources in external SVG documents can be referenced from the filter (filter graphs) and mask-image (<mask> elements) properties. This proposes to allow the same for the clip-path, fill, stroke and marker-* properties.

This has shipped in Gecko for over a decade.

[annevk]

Did you see whatwg/fetch#1012? There's been a couple of recent comments. In general the lack of proper Fetch integration is what is most concerning about these features.

[annevk]

cc @shallawa @smfr

[fsoder]

Did you see whatwg/fetch#1012? There's been a couple of recent comments. In general the lack of proper Fetch integration is what is most concerning about these features.

Hadn't seen that one in a while. The <use> case is probably the most interesting one there though - not the cases mentioned here (which could as well be "image" for legacy reasons).

[shallawa]

WebKit added support for external SVG resources for filter and mask. And for clip-path we have this bug
https://bugs.webkit.org/show_bug.cgi?id=104442. This allows referencing SVG resources from HTML elements through CSS. I think supporting external resources for the rest of SVG resources fill, stroke and marker-* makes sense.