在路径上反斜svg文本有问题

Question

我试图画一个椭圆路径的名字在表的外面为一个HTML5纸牌游戏。我看到这样做时没有倾斜的here，但是当我调整s的数据属性以完全符合表的曲线时，文本就变得倾斜了。这个是可能的吗？

我的当前代码在这里(注意用于黑色或青色文本的路径)：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应该具有与您的宽度/高度相同的高宽比。