Support nested SVG elements.
mbostock opened this issue · comments
We should only render the outermost SVG.
These might well be edge cases, but there are legitimate reasons for nesting SVGs, where all the SVGs play a role (but the inner SVGs have the content):
- Mimic relative positioning
- Zoom/Pan with viewbox and nested SVG (same example from the other ticket)
Not sure what heuristics could be used, though.
Are you suggesting that there should be different behavior than rendering only the outermost SVG element, and if so, what behavior are you suggesting?
In the use cases I've cited, the outermost svg determines the dimensions and coordinate system and the inner ones contain the visually interesting svg elements.
For example, on that Josquin page, you would only get a few blank png images with the current behavior..
Rendering the outermost SVG element includes whatever content is in the contained SVG elements. There’s still the issue of dropping the external styles, but on the Josquin example, you get five images.
The “viewer”:
The “navigator” (blank because it uses external styles):
And three icons comprising the “legend”:
