Javatpoint Logo
Javatpoint Logo

SVG Text

To draw text, <text> element is used.

Example

Test it Now

Explanation

x: It defines the position of the top left corner of the text.

y: It defines the top position of the text.

width: It defines the width.

height: It defines the height.

fill: fill attribute is used to define the fill color.

Text with rotate

It is used to create rotational text.

Example

Test it Now

Explanation

x: It defines the position of the top left corner.

y: It defines the top position.

width: It defines the width.

height: It defines the height.

fill: fill attribute is used to define the fill color.

Multiline Text

It is used to create multiline text. With the <tspan> element, the <text> element can be arranged in any number of sub-groups.

Example

Test it Now

Explanation

x: It defines the position of the top left corner.

y: It defines the top position.

width: It defines the width.

height: It defines the height.

fill: fill attribute is used to define the fill color.

Hyper link Text

It is used to create the text which has hyper link.

Example

Test it Now

Explanation

x: It defines the position of the top left corner.

y: It defines the top position.

width: It defines the width.

height: It defines the height.

fill: fill attribute is used to define the fill color.


Next TopicSVG Stroke




Help Others, Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA