如何使用SVG和JS实现此效果？

时间：2014-11-16 15:19:16

标签： javascript jquery html css svg

我已经构建了动画部分，使用JS来控制SVG元素。

现在我想要实现的是：

enter image description here

我尝试使用paths.getBoundingClientRect（）来获取视口边界与路径最高位置之间的距离，这样我就可以在峰值达到某个位置时改变整个背景。 （if（rect.top＆lt; = 100）{...}）

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

非常感谢。

1 个答案:

答案 0 :(得分：-1)

我曾使用http://d3js.org来做这件事。这很棒。它提供了一个简单的库，可以帮助您使用svg绘制所需的图形。我认为您正在寻找的特定部分称为库。 这是API调用。

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

相关问题
最新问题