animation - 如何在预定义容器中包含 D3 动画的元素？

Question

我一直在尝试这个例子:

http://mbostock.github.io/d3/talk/20111018/collision.html

这是我第一次看D3。我希望有人能指出我正确的方向。基本上我想做的就是将上面示例中的球放入其中:

http://www.clker.com/cliparts/p/8/g/0/D/T/black-empty-flask.svg

我希望球能够四处移动，但留在 flask 内。我开始认为这对于没有真正 svg 经验的 jQuery 开发人员来说不是一件容易的事。这是真的吗？

感谢您的指点!

Answer 1

编辑:

我已经完成了这个例子:

http://bl.ocks.org/rveciana/6220206

碰撞方面需要进行一些改进，并且形状必须由线条组成(不是贝塞尔线，以便更容易计算反射)。

我希望这有帮助。