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

更新:进行说明:将以这种方式设置样式的文本将是动态的。

最佳答案

SVG直接支持路径上的文字,尽管它不会沿路径“flex ”单个字形。这是创建方式的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>
...

09-12 20:04