Support for "9-slice scaling" in SVG
SVG export breaks "9-slice scaling". This is understandable, since SVG has no such concept built-in.
But SVG can do something like this. Or "4-slice scaling". See, for example:
I would like to see Illustrator's SVG export offer this feature, given that Illustrator does.
At the very least, if implementation wont happen, or is delayed, please mention that 9-slice scaling is not working in SVG export in the docs and (for bonus points) as a warning in the export dialog box (in cases where the document uses this feature).
I also think it would be a very nice feature.
Brennan Young commented
I ran into this issue trying to make a (flattened) hexagon shape with rounded corners, which could be scaled without changing the stroke width. The 'points' of the hexagon were at the sides.
Can't really see how border-image-slice would help with this, or any shape which is not basically a rectangle.
Dirk Schulze commented
I did hear about the 9-slice scaling in general but did no hear a request to support that with SVG only.
A common pattern is to use the borer-image short hand property (See https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice) and use an SVG image as source.
That should solve the majority of use cases. Could you elaborate more why direct support within SVG would be more helpful?