Das Svg-Paket

zur Erstellung von Skizzen und Abbildungen

q r s u t

Funktionsübersicht

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

Beschreibung

Das Svg-Paket liefert eine Reihe von Funktionen mit dem Ziel, Skizzen und Abbildungen möglichst einfach und schnell erstellen zu können, sodass sich Rechenergebnisse geeignete grafisch darstellen lassen. Dabei wird bewusst auf weitreichende Optionen verzichtet, beispielsweise stehen nur grundlegende Formen zur Verfügung und Linien haben stets eine feste Linienstärke.

Beispiel

Das folgende Beispiel initialisiert das Svg-Paket, definiert den Darstellungsbereich und setzt die Hintergrundfarbe auf grau. Anschließend werden drei unterschiedliche Formen definiert und gezeichnet.

<!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.rect(1.0, 0.6, 4.0, 1.0, "ff0000");
  Svg.circle(2.0, 2.4, 0.6, "#00aa00");
  Svg.triangle(2.8, 1.8, 4.8, 1.8, 3.8, 3.4, "#0000ff");
  Svg.draw();
</script>
</body>
</html>

Vorschau aktualisieren