我想知道是否有办法制作一个 SVG 图形,按照与 Android 上的 9-patch(或像 Flash 中的缩放 9)相同的原理进行比例缩放。 基本上,SVG 内部某些内容应该按照视口的正常扩展规则相应地缩放,但某些元素应该保持不变,并按照 SVG 文件中定义的方式固定。 (想法是为一些按钮制作复杂的背景,使用 SVG 并允许它们随着按钮内部内容的比例缩放而缩放) 我认为这不可能仅通过纯 SVG 声明实现,但也许可以通过一些嵌入式脚本来实现,尽管我找不到任何示例或库来实现这一点。 **编辑:** 我知道 这个问题,但我希望有人能提供另一种更可重复使用的选择/库。
我在我的博客上写了关于此的文章,如果你可以放弃IE浏览器,你可以通过"完美"的方法实现,如果你可以接受不太完美的解决方案,也可以在IE浏览器中实现,具体内容请参考: http://w3.eleqtriq.com/2014/03/the-holy-grail-of-image-scaling/