INFO + FRAGE + ANTWORT
Ausgewählt: INFO Nr. 1153
zum Thema
MULTIMEDIA WEBDESIGN HTML ERWEITERUNGEN SVG
Stichwörter: HTML, Erweiterungen, SVG, Text - <text>...</ text>, Grundlagen
Inhalt: cadat info Text - <text>...</ text>: Grundlagen
Mit dem Tag Text (text) <text>...</ text> kann in SVG [1] Text gezeichnet werden. Anzugeben ist zumindest der Startpunkt des Textes und der Textinhalt.
<text x="x1" y="y1">Textinhalt</text>
Der Startpunkt wird durch die X-Koordinate und die Y-Koordinate festgelegt.
Beispiele:<svg width="400" height="500">
[1]<text x="10" y="20">Text</text>
<!-- Beispiel 1: Minimale Angaben für einen Text mit Standardbeschriftung und Standardfarbe-->
[2] <text x="10" y="40" fill="green"> Text: grün</text>
<!-- Beispiel 2: Text mit grüner Füllung -->
[3] <text x="10" y="70" fill="blue" font-size="24px">Text: blau, 24 Pixel</text>
<!-- Beispiel 3: Text mit blauer Füllung, 24 Pixel groß-->
[4] <text x="10" y="100" fill="none" font-size="24px" stroke="#000000">Text: ohne Füllung, nur Umriss</text>
<!-- Beispiel 4: Text ohne Füllung, 24 Pixel groß, mit Umriss in Standardbreite und Standardfarbe-->
[5] <text x="10" y="150" fill="yellow" font-size="44px" stroke="red" stroke-width="2">Text: Umriss 2 Pixel</text>
<!-- Beispiel 5: Text mit gelber Füllung, 44 Pixel groß, mit 2 Pixel breitem roten Umriss--> </svg>
??? FRAGE Nr. 1273
zum Thema
MULTIMEDIA WEBDESIGN HTML ERWEITERUNGEN SVG
Frage: Welche Tags und Attribute sind in SVG nötig um einen Text mit schwarzem Umriss ohne Füllung und 44 Pixel Größe zu zeichnen?
  Welche Antwort / Antworten ist / sind richtig? (Mindestens 1 Antwort ist, maximal 6 Antworten sind richtig)
  Tag: <text>...</text>
  Tag: <text.../>
  Startpunkt: X-Koordinate und Y-Koordinate
  Größe: font-size="44"
  Umriss und Füllung: stroke="#000000"
  Umriss und Füllung: fill="none" stroke="#000000"
  max. 3 Punkte