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

标签 javascript html svg

我想知道是否有一种方法可以根据与 9-patch 相同的原则制作 svg 图形。在 Android 上(或类似 Flash 中的 9 级)。

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

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

我认为使用普通的 svg 声明是不可能的,但也许可以使用一些嵌入式脚本,尽管我找不到任何示例或库来执行此操作。

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

最佳答案

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

关于javascript - 有没有办法在 SVG 中应用 9-patch/scale-9 原则?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15061205/

相关文章:

javascript - D3js : Draw pack layout without the outermost circle

javascript - 如何返回到具有 'read more' 按钮的页面上的相同位置而无需重新单击 'read more' 。

html - 我如何告诉页面忽略内部 CSS 而支持外部 CSS?

javascript - 无需重新加载页面 JavaScript 即可显示

javascript - Vue.js 应用程序抛出错误 "Cannot find element: #app"

javascript - 将文本添加到 openlayers map 的最简单示例?

javascript - JQuery get 方法似乎不起作用

javascript - 使用从内容加载的 SVG 样式表

internet-explorer - 链接的 SVG 在 IE11 中没有抗锯齿

javascript - 使用 javascript 启动 SVG 动画 "onload"