有没有办法在SVG中应用9-patch / scale-9原则?

时间:2013-02-25 06:21:53

标签: javascript html5 svg

我想知道是否有办法制作一个svg图形,它可以根据Android上9-patch的相同原则进行缩放(或者像闪存中的第9级一样)。

基本上,svg中的部分内容应相应地缩放到视口的正常扩展规则,但某些元素将保持未缩放并按照svg文件中的定义进行锚定。

(想法是使用SVG为某些按钮制作一些复杂的背景,但允许它们根据按钮的内部内容进行相应缩放)

我不认为使用普通的svg声明是可能的,但也许有一些嵌入式脚本,虽然我找不到任何示例或库这样做..

**编辑:**我知道this year old SO question,但我希望有人可能有一个替代的,更可重复使用的选项/库

1 个答案:

答案 0 :(得分:4)

我在我的博客上写过这篇文章,它可以在一个完美的"当你愿意牺牲IE和一个"几乎"在IE中工作的方式,只要你能使用不太完美的解决方案:http://w3.eleqtriq.com/2014/03/the-holy-grail-of-image-scaling/