📜  SVG<textPath>元素

📅  最后修改于: 2021-10-29 04:06:38             🧑  作者: Mango

SVG 代表可缩放矢量图形。它可以用来制作图形和动画,就像在 HTML 画布中一样。

SVG 元素用于将文本与特定路径一起呈现。

要将文本与特定路径一起呈现,请将文本括在一个元素中,该元素具有一个带有对 元素的引用的 href 属性。

句法:


    Your Text Here

属性:

  • href :用于呈现文本的路径或基本形状的 URL。
  • lengthAdjust :应将长度调整应用于文本的位置。
  • method : 沿路径渲染单个字形的方法。
  • path :应呈现文本的路径。
  • side : 文本应该呈现在路径的哪一边。
  • 间距:应如何处理字形之间的空间。
  • startOffSet :文本的开头应该从路径的开头偏移多远。
  • textLength :文本将呈现的空间的宽度。
  • 全局属性:使用的一些全局属性,如核心属性和样式属性等。

例子:



  

    
        
  
        
            
                The Geeky Text Along The Path
            
        
    

  

输出:

支持的浏览器:此 SVG 元素支持以下浏览器:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 苹果Safari
  • 歌剧