📜  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图像呈现。