Svg.line

zur Darstellung von Linien

q r s u t

Funktionsübersicht

.init .resize .clear .draw .dot .circle .disc .rect .triangle .line .arrow .text .export_svg

Beschreibung

Die Funktion besitzt folgende Argumente:

x1	Gleitkommazahl
y1	Gleitkommazahl
x2	Gleitkommazahl
y2	Gleitkommazahl
c	Farbe als String oder Array (optional)

Die Funktion zeichnet eine Linie von nach .

Durch das (optionale) Argument c wird die Farbe definiert, wobei ohne Farbdefinition eine schwarze Linie 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 werden insgesamt drei Linien gezeichnet, wobei jeweils unterschiedliche Möglichkeiten zur Definition der Farbe verwendet werden.

<!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.line(3.0, 0.5, 1.0, 3.0);
  Svg.line(3.0, 0.5, 3.0, 3.5, "#ff0000");
  Svg.line(3.0, 0.5, 5.0, 3.0, [0,200,0]);
  Svg.draw();
</script>
</body>
</html>

Vorschau aktualisieren

Impressum und Kontakt

Datenschutzerklärung

Rechtliche Hinweise