在路径上解决svg文本时遇到问题

Question

我正在尝试沿着表格外部的椭圆路径绘制名称以用于HTML5纸牌游戏。我已经看到这样做没有歪曲here，但是当我调整s＆＃39;数据属性完全适合表格的曲线。这可能吗？

我当前的代码在这里（请注意用于黑色或青色文本的路径）：http://vedanamedia.com/clients/intuitive-eye/forums/2-svg-text-path/

这就是我要做的事情（通知名字整齐地跟随桌子外面的曲线）：

Answer 1

发生这种情况的原因是因为您在SVG中基于圆圈设计所有内容，然后将其拉伸为椭圆形状。这就是造成你的歪斜的原因。问题。

viewBox="0 0 100 100" height="739" width="1086.4872340425532"

如果您想摆脱歪斜，请将路径曲线设为椭圆形而不是半圆形。您的viewBox应具有与宽度/高度相同的宽高比。