SVG can be used to create banners, charts, diagrams, graphs, illustrations, logos, maps, and many other
things that require text. Fortunately you don't have to actually draw the text. You can create text
using the SVG text element in which you can specify the attributes of the text. This tutorial
explains how to code for outlined letters text in your SVG drawings using the SVG text element.
Shown below are the attributes you can specify for a text element.
x-axis coordinate of the upper-left corner of the text
y-axis coordinate of the upper-left corner of the text
name of font, similar to styles attribute
size of font, similar to styles attribute
boldness of font, similar to styles attribute
color to fill the characters
color to outline the characters
width of lines to outline the characters
used to ensure that text displays same width if web fonts fail to load
how text is stretched or compressed to fit into its element. Set to spacing the letter forms are preserved, the space between them stretches or shrinks. Set to spacingAndGlyphs the entire text element stretches or shrinks