SVG:text要素

x="a list of x-axis positions.

The nth x-axis position is given to the nth character in the text.

If there are additional characters after the positions run out they are placed after the last character.

0 is default"

y="a list of y-axis positions.

(see x).

0 is default"

dx="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn.

(see x)"

dy="a list of lengths which moves the characters relative to the absolute position of the last glyph drawn.

(see x)"

rotate="a list of rotations.

The nth rotation is performed on the nth character.

Additional characters are NOT given the last rotation value"

textLength="a target length for the text that the SVG viewer will attempt to display the text between by adjusting the spacing and/or the glyphs.

(デフォルト：The text's normal length)"

lengthAdjust="tells the viewer what to adjust to try to accomplish rendering the text if the length is specified.

The two values are 'spacing' and 'spacingAndGlyphs'"

Color、FillStroke、Graphics、FontSpecification、TextContentElements

systemLanguage

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/SVG:text要素/t.svg

code:t.svg

<style>

.small {

font: italic 13px sans-serif;

}

.heavy {

font: bold 30px sans-serif;

}

/* Note that the color of the text is set with the *

* fill property, the color property is for HTML only */

.Rrrrr {

font: italic 40px serif;

fill: red;

}

</style>

<text x="20" y="35" class="small">My</text>

<text x="40" y="35" class="heavy">cat</text>

<text x="55" y="55" class="small">is</text>

<text x="65" y="55" class="Rrrrr">Grumpy!</text>

</svg>

SVG要素.icon