我正在尝试使用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>
...