难以使路径上的svg文本倾斜
帕特里克基德
我正在尝试在HTML5纸牌游戏的桌子外侧沿椭圆形路径绘制名称。我在这里看到的结果没有歪斜，但是当我调整s的data属性以完全适合表格的曲线时，文本变得歪斜了。这可能吗？
我当前的代码在此处（请注意用于黑色或青色文本的路径）：http : //vedanamedia.com/clients/intuitive-eye/forums/2-svg-text-path/
这就是我想要的（注意，名称要整洁地跟随桌子的外曲线）：
保罗·勒博
发生这种情况的原因是，您正在基于SVG中的圆形设计所有内容，然后将其拉伸为椭圆形。这就是导致您的“歪斜”问题的原因。
viewBox="0 0 100 100" height="739" width="1086.4872340425532"
如果要消除偏斜，请使路径曲线为椭圆形而不是半圆形。您的viewBox的宽高比应与宽度/高度相同。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
倾斜 div 容器上的文本溢出
- 2
在SVG路径中嵌套文本
- 3
C＃使用GraphicsPath倾斜图像上的文本
- 4
多行文本元素上的左边框倾斜
- 5
是否可以使用CSS将文本添加到悬停的每个图像路径上？
- 6
是否可以使用CSS将文本添加到悬停的每个图像路径上？
- 7
清除 SVG 文本上的文本
- 8
校正倾斜的SVG渲染
- 9
绘制路径上的SVG动画
- 10
Highcharts路径上的SVG标记
- 11
SVG在画布上的路径位置
- 12
通过javascript的SVG文本路径未绘制
- 13
SVG - 每个路径/形状的中心文本
- 14
在svg textpath上适合文本
- 15
难以使用指针
- 16
如何将SVG文本转换为SVG路径？
- 17
如何使SVG文本故障效果影响SVG路径
- 18
是否可以使用图像代替SVG路径的笔划？
- 19
使用jQuery更改路径上的SVG笔划
- 20
在SVG背景上“打孔”透明路径
- 21
在svg路径上获取点的y坐标
- 22
在SVG路径上实现Div对象
- 23
在svg路径上设置href属性
- 24
计算圆上的SVG圆弧路径
- 25
在 svg 上更改/显示修剪路径？
- 26
倾斜文本后创建UIImage
- 27
画布路径上的随机点（来自SVG的路径）
- 28
画布路径上的随机点（来自SVG的路径）
- 29
文本在路径上，ViewBox裁剪字母
我来说两句