Scalable Vector Graphics - Text 1

• Overview of Scalable Vector Graphics (SVG)
• Scalable Vector Graphics - Rectangle
• Scalable Vector Graphics - Circle
• Scalable Vector Graphics - Ellipse
• Scalable Vector Graphics - Line
• Scalable Vector Graphics - Polyline
• Scalable Vector Graphics - Polygon
• Scalable Vector Graphics - Path 1
• Scalable Vector Graphics - Path 2
• Scalable Vector Graphics - Path 3

• x & y are the x-axis & y-axis coordinates of glyphs.
• dx & dy are the shifts along x-axis & y-axis.
• rotate is applied to all glyphs for the transformation of text.
• textLength used for rendering length of text.
• lengthAdjust is used for the type of adjustment with the rendered length of text.

Output Example 2

Text Positioning

Output In the output, we can see that the y position of both the text and the line is the same in both examples. That shows that the position of the text determines the bottom part of the text. Example 3

Text anchoring

Output In the output, we can see that the vertical Grey division shows the x positions of three texts. The first text starts from x=110, the second text has its middle part at x=110 and the third text ends at x=110. The next one shows the first text ends at x=300 and the second text has its middle part at x=300 and the third text starts at x=300. Example 4

Multiline text

Output