【问题标题】：How can I achieve this effect using SVG and JS? [closed]如何使用 SVG 和 JS 实现这种效果？ [关闭]
【发布时间】：2015-01-13 12:40:45
【问题描述】：

动画部分我已经搭建好了，用JS来控制in SVG元素。

现在我想要实现的是这样的：

我尝试使用paths.getBoundingClientRect() 来获取视口边界到路径最高位置的距离，这样当峰值到达某个位置时，我可以使整个背景发生变化。（如果（rect.top

但我不知道如何控制不规则形状区域的属性。任何可能的解决方案？

非常感谢。

【问题讨论】：

欢迎来到 StackOverflow。您的问题非常模糊，您应该阅读“我如何提问”常见问题解答并修改您的问题以使其非常具体并展示您已经尝试过的内容。 stackoverflow.com/help/how-to-ask

【解决方案1】：

我用http://d3js.org 来处理这类事情。这很棒。它提供了一个简单的库来帮助您使用 svg 绘制您想要的图形。我认为您正在寻找的特定部分称为库。这是 API 调用。

下面的一些链接指向使用 d3js 的示例和代码

【讨论】：