📌  相关文章
📜  SVG-文字

📅  最后修改于: 2020-10-19 02:49:04             🧑  作者: Mango

元素用于绘制文本。

宣言

以下是元素的语法声明。我们仅显示了主要属性。

属性

Sr.No. Attribute & Description
1 x − x axis coordinates of glyphs.
2 y − y axis coordinates of glyphs.
3 dx − shift along with x-axis.
4 dy − shift along with y-axis.
5 rotate − rotation applied to all glyphs.
6 textlength − rendering length of the text.
7 lengthAdjust − type of adjustment with the rendered length of the text.

例

testSVG.htm

SVG Text
   
      
      
Sample SVG Text

      
      
         
            Text: 
            WWW.TutorialsPoint.COM

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像，而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

旋转文字

SVG Text
   
   
      
Sample SVG Text

      
      
         
            Multiline Text: 
            WWW.TutorialsPoint.COM
            Simply Easy learning.
            We teach just for free.

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像，而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

多行文字

SVG Text
   
   
      
Sample SVG Text

      
      
         
            Multiline Text: 
            WWW.TutorialsPoint.COM
               Simply Easy learning.
               We teach just for free.

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像，而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

超级链接文字

SVG Text
   
   
      
Sample SVG Text

      
      
         
            Text as Link: 
         
            
               WWW.TutorialsPoint.COM

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像，而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。