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

时间:2015-02-28 04:20:45

标签: html css svg

我在svg中创建了动态轮播。

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

现在,我可以知道,是否有可能在旋转圆圈的中心设置图像。

我可以知道,改变每个部分的文字方向的步骤是什么?

任何人都可以帮助我吗?提前谢谢。

我的示例文字与此http://s1.postimg.org/if325n2yn/Untitled_2.png

对齐

1 个答案:

答案 0 :(得分:1)

1)您可以创建一个单独的<img>来定位svg(使用CSS&#39; z-indexpositionlefttop属性) 示例:jsfiddle.net/PhilQ/y1oezxoa/1

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