Javascript JS with SVG:围绕SVG元素的中心旋转

Javascript JS with SVG:围绕SVG元素的中心旋转,javascript,svg,rotation,Javascript,Svg,Rotation,我必须使用JavaScript围绕其中心旋转三个SVG对象,而不是SVG的,必须使用第三方库。SVG是纯javascript的难点。我的建议是:一定要去,我已经在我的工作场所使用了一年了,它很棒:动态的,良好的社区,出色的文档 请参见下面的示例,其中旋转的圆围绕其中心旋转,称为天文馆:在没有动画的情况下进行旋转。它使用D3定时器,仅此而已 这里有很多示例,请阅读此处的完整示例列表:要围绕中心旋转,您需要首先对其进行平移: 附言:《拉斐尔》作者最新的、经过修改的lib,以防你可以使用。你的小提琴坏

我必须使用JavaScript围绕其中心旋转三个SVG对象,而不是SVG的
,必须使用第三方库。SVG是纯javascript的难点。我的建议是:一定要去,我已经在我的工作场所使用了一年了,它很棒:动态的,良好的社区,出色的文档

请参见下面的示例,其中旋转的圆围绕其中心旋转,称为天文馆:在没有动画的情况下进行旋转。它使用D3定时器,仅此而已


这里有很多示例,请阅读此处的完整示例列表:

要围绕中心旋转,您需要首先对其进行平移:


附言:《拉斐尔》作者最新的、经过修改的lib,以防你可以使用。

你的小提琴坏了。
star2.setAttribute("transform", "rotate(" + angle + " 2000 200)");
<defs>
    <symbol id="stern">
        <polygon points="1000 50 1100 310 850 160 1150 160 900 310 1000 50" fill="yellow" />
    </symbol>
</defs>

<use id="stern2" xlink:href="#stern" transform="translate(500,600) scale(0.5)" onmouseover="rotate2();" onmouseout="stop();" />