Svg.resize

zur Definition des Darstellungsbereiches

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:

xmin	Gleitkommazahl
xmax	Gleitkommazahl
ymin	Gleitkommazahl
ymax	Gleitkommazahl

Die Funktion definiert den Darstellungsbereiches der Skizze als

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