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:
https://w3.eleqtriq.com/2014/03/the-holy-grail-of-image-scaling/
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).
Brennan Young
shared this idea
-
Crohm
commented
Hi,
I also think it would be a very nice feature.
In our case, we would like to store 9-slices information inside the svg to be able to use and rescale the svg image properly in any environment (Javascript, PHP and some PDF librairies for example) without the use of external CSS that is anyway not always supported.
-
Brennan Young
commented
Hi Dirk,
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
Hi Brennan,
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?
Greetings,
Dirk