The SVG <text> element draws a graphics element consisting of text. It's possible to apply a gradient, pattern, clipping path, mask, or filter to <text>, like any other SVG graphics element.
If text is included in SVG not inside of a <text> element, it is not rendered. This is different than being hidden by default, as setting the display property won't show the text.
xThe x coordinate of the starting point of the text baseline. Value type: <length>|<percentage> ; Default value: 0; Animatable: yesyThe y coordinate of the starting point of the text baseline. Value type: <length>|<percentage> ; Default value: 0; Animatable: yesdxShifts the text position horizontally from a previous text element. Value type: <length>|<percentage> ; Default value: none; Animatable: yesdyShifts the text position vertically from a previous text element. Value type: <length>|<percentage> ; Default value: none; Animatable: yesrotateRotates orientation of each individual glyph. Can rotate glyphs individually. Value type: <list-of-number> ; Default value: none; Animatable: yeslengthAdjustHow the text is stretched or compressed to fit the width defined by the textLength attribute. Value type: spacing|spacingAndGlyphs; Default value: spacing; Animatable: yestextLengthA width that the text should be scaled to fit. Value type: <length>|<percentage> ; Default value: none; Animatable: yes