taramath: Svg.text

Beschreibung

Die Funktion besitzt folgende Argumente:

x	Gleitkommazahl
y	Gleitkommazahl
s	String
c	Farbe als String oder Array (optional)

Die Funktion stellt den Text s dar, wobei der Text zum Mittelpunkt ausgerichtet wird.

Durch das (optionale) Argument c wird die Farbe definiert, wobei ohne Farbdefinition ein schwarzer Text dargestellt wird.

Zur Definition einer Farbe kann entweder ein String als hexadezimale RGB-Definition verwendet werden (beispielsweise "#ff0000" für rot) oder aber ein Array mit drei Einträgen als RGB-Definition, wobei jeweils ganzzahlige Einträge zwischen 0 und 255 erwartet werden (beispielsweise [255,0,0] für rot). Als Spezialfall kann der String "none" übergeben werden, um insbesondere eine Darstellung ohne Füllung zu erreichen.

Beispiel

Das folgende Beispiel initialisiert das Svg-Paket, definiert den Darstellungsbereich und setzt die Hintergrundfarbe auf grau. Anschließend wird ein Kreis gezeichnet sowie zwei Texte gesetzt.

<!DOCTYPE html>
<html>
<head>
  <script src="taramath.js"></script>
</head>
<body>
<div id="plot"></div>
<script>
  Svg.init("plot", 480, 320);
  Svg.resize(0, 6, 0, 4);
  Svg.clear("#f0f0f0");
  Svg.text(3.0, 3.7, "Ein Kreis mit Mittelpunkt");
  Svg.disc(3.0, 2.0, 1.0, "none", "#ff0000");
  Svg.text(3.0, 2.0, "Mittelpunkt", "#0000ff");
  Svg.draw();
</script>
</body>
</html>

Vorschau aktualisieren

Svg.text

zur Darstellung von Texten