Svg.draw

zur finalen Darstellung der Elemente

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 keine Argumente.

Es werden die zuvor definierten Elemente gezeichnet.

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

Impressum und Kontakt

Datenschutzerklärung

Rechtliche Hinweise