小编Old*_*rse的帖子

SVG在textPath上的带圆圈文本(中心对齐)

我遇到了与SVG相关的带圆圈文本的问题.我的目标是创建一条路径,允许我在其上书写,但也使文本居中,仍然跟踪我的路径 - 从圆圈的顶部开始.

这就是它的样子(里面的图像)

问题

目前我正在使用textPath +路径组合来生成路径并在其上写入.

<svg>
<defs>
<path id="textPath" d="M 200 175 A 25 25 0 0 0 182.322 217.678" />
</defs>
<text x="25" y="0"><textPath xlink:href="#textPath" startOffset="0" >here goes my text</textPath></text>
</svg>
Run Code Online (Sandbox Code Playgroud)

我也试过拉斐尔图书馆管理它的工作,但严重的是我不能做我想要的.在这里有人真正设法让它工作?或者有什么方法可以做到这一点吗?

javascript geometry svg raphael

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

标签 统计

geometry ×1

javascript ×1

raphael ×1

svg ×1