html - 如何在 svg 圆的中心设置图像？

Question

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

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

现在，我可以知道，是否可以将图像设置在旋转圆的中心。

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

有人能帮帮我吗？提前致谢。

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

Answer 1

1) 您可以创建一个单独的 <img>您定位在 svg 上(使用 CSS 的 z-index 、 position 、 left 和 top 属性)示例:jsfiddle.net/PhilQ/y1oezxoa/1

2) 我不确定是否有更好/更快的方法，但您可以为 text 创建动画- 三 Angular 形内的节点，带有 CSS 变换，将文本在圆的上半部分旋转 180 度，并在下半部分旋转回来。 (因为您已经知道旋转动画的时间。)