我正在尝试在 HTML5 纸牌游戏的 table 外侧沿椭圆路径绘制名称。我已经看到这样做没有倾斜 here ,但是当我调整 s 的数据属性以完美适合表格的曲线时,文本变得倾斜。这可能吗?
我当前的代码在这里(注意用于黑色或青色文本的路径):http://vedanamedia.com/clients/intuitive-eye/forums/2-svg-text-path/
这就是我要做的(注意名字整齐地沿着 table 的外曲线):
最佳答案
发生这种情况的原因是因为您在 SVG 中基于圆形设计所有内容,但随后将其拉伸(stretch)为椭圆形。这就是导致您的“偏斜”问题的原因。
viewBox="0 0 100 100" height="739" width="1086.4872340425532"
如果您想消除倾斜,请将您的路径曲线设为椭圆形而不是半圆形。您的 viewBox 应具有与宽度/高度相同的纵横比。
关于css - 无法在路径上消除 svg 文本的倾斜,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28247975/