如何在 svg 圆的中心设置图像?

How to set image on center of svg circle?

我在 svg 中创建了动态旋转。

这是我的工作 jsfiddle:http://jsfiddle.net/y1oezxoa/

现在,请问是否可以将图像设置在我的旋转圆的中心。

我可以知道,更改每个部分中的文本方向的过程是什么?

有人可以帮助我吗?提前致谢。

我的示例文本对齐方式如下 http://s1.postimg.org/if325n2yn/Untitled_2.png

1) 您可以创建一个单独的 <img> 放置在 svg 上(使用 CSS' z-indexpositionlefttop属性) 示例:jsfiddle.net/PhilQ/y1oezxoa/1

2) 我不确定是否有 better/faster 方式,但您可以使用 CSS 变换为三角形内的 text 节点创建动画,旋转文本在圆圈的上半部分旋转 180 度,并在下半部分向后旋转。 (因为您已经知道旋转动画的时间。)