SVG九切片缩放

Question

如何在SVG中获得九切片缩放？具体来说,我正在寻找一种方法来定义SVG对象,这些对象在调整大小时表现得像九个切片的对象(一些元素保持其维度,另一些元素与容器一起缩放).

Answer 1

如果您打算将其应用于 svg，那么当您引用 svg 时，CSS3 边框和背景规范应该可以帮助您做到这一点。

如果您的意思是想在 svg 文件内执行此操作，那么您可以使用 <pattern> （可能与一些嵌套的 <svg> 元素组合）来执行类似的操作。嵌套 <svg> 元素可能是执行此操作的另一种方法，请参见此示例。或者使用 9 个具有不同变换的 <use> 元素，每个元素应用不同的剪辑路径。