【问题标题】:Is there a way to apply 9-patch / scale-9 principles in SVG?有没有办法在 SVG 中应用 9-patch / scale-9 原则?
【发布时间】:2014-03-30 23:03:22
【问题描述】:

我想知道是否有办法制作一个 svg 图形,它可以根据与 Android 上的9-patch 相同的原理进行缩放(或类似于 Flash 中的缩放 9)。

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

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

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

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

【问题讨论】:

  • 我也希望找到合适的解决方案,真的没有解决方案吗?
  • 我最近发表了另一篇文章。我认为这对于单个独立的 svg 是不可能的。 stackoverflow.com/questions/21763823/…
  • 我的立场是正确的,请参阅下面 dirk 的解决方案!

标签: javascript html svg


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2011-08-22
    • 2016-02-04
    • 1970-01-01
    • 1970-01-01
    • 2020-03-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多