我正在尝试使用CSS3,HTML Canvas甚至是SVG制作弯曲的文本效果(例如,请参见下图)?这可能吗?如果是这样,我怎么能达到这种效果?

更新:澄清:将以这种方式设置样式的文本将是动态的。

最佳答案

SVG直接支持路径上的文字,尽管它不会沿路径“弯曲”单个字形。这是创建方式的an example

...
<defs>
  <path id="textPath" d="M10 50 C10 0 90 0 90 50"/>
</defs>
<text fill="red">
  <textPath xlink:href="#textPath">Text on a Path</textPath>
</text>
...

关于javascript - 有没有办法使用CSS3/Canvas来 flex/弧形文本,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/5996145/

10-10 00:22