文字沿着path自动排列实例页面

回到相关文章 »

效果:

实际开发,path路径是应该在<defs>中不显示

代码:

CSS代码:
svg {
    font-size: 1rem;
}
                
HTML代码:
<svg viewBox="0 30 300 130" height="150">
  <path id="zxxPath" fill="none" stroke="red" d="M10,80 q100,120 120,20 q140,-50 160,0" />
  <text>
    <textPath href="#zxxPath">
        实际开发,path路径应该设置在&lt;defs&gt;中不显示
    </textPath>
  </text>
</svg>