小编Mat*_*att的帖子

如何相对于其中心点旋转或缩放(变换)SVG 路径?

我正在尝试围绕其中心点在 SVG 内旋转和缩放形状。我已经研究了几个库,包括 Jquery、Greensock、D3、RaphaelJS,但我还没有找到任何提供直接方法来实现这一点的库。每个都从原点动画形状(我理解这是默认值)。我希望能够围绕其中心点旋转形状或从中心点向上或向下缩放。

这里有几个使用 Greensock 和 D3 的例子来说明默认行为:http ://jsbin.com/AHEXiPa/1/edit?html,js,output

这些示例中的每一个都从左上角进出,而不是保持静止并从三角形的中心向各个方向扩展。

我提到的库中的一个可以做到这一点,还是我应该考虑另一个库或方法?

理想情况下,我需要能够将动画/转换应用于 DOM 中的现有对象。例如,D3 擅长于此,但 Raphael 似乎需要先将 SVG 转换为 Raphael,然后再将其注入 DOM。

svg raphael d3.js jquery-animate gsap

5
推荐指数
1
解决办法
1万
查看次数

标签 统计

d3.js ×1

gsap ×1

jquery-animate ×1

raphael ×1

svg ×1