taralino

.svg

Der Befehl Plot.svg() erwartet keine (verpflichtende) Argumente.

Es wird die Darstellung (also der zuvor definierte Plot) als SVG ausgegeben (wobei das SVG als Zeichenkette und nicht als Bild ausgegeben wird).

Es können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
textarea	Zeichenkette	-	Console

Für Anwender mit HTML-Kenntnissen lässt sich mittels textarea definieren, welches TEXTAREA-Element zur Ausgabe der SVG-Zeichenkette verwendet werden soll. Genauer wird das TEXTAREA-Element mit der ID textarea zur Ausgabe genutzt. Wird die Option nicht verwendet, wird automatisch über die Console ausgegeben.

Beispiel

Es wird eine Plot-Darstellung definiert und dargestellt. Anschließend wird die Darstellung als SVG-Zeichenkette in der Konsole ausgegeben.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

function f(x) {
  return 3*Math.sin(4*x);
};

Plot.init(480, 200, {axis:["y-Achse","x-Achse"]});
Plot.func(f, 0, 6.28);
Plot.draw();
Plot.svg();

</script>
</body>
</html>

Vorschau Download Kopie speichern

Beispiel

In diesem Beispiel wird die Plot-Darstellung als SVG-Zeichenkette in einem zuvor definierten TEXTAREA-Element ausgegeben.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<textarea id="svgtxt"></textarea>
<script>

function f(x) {
  return 3*Math.sin(4*x);
};

Plot.init(480, 200, {axis:["y-Achse","x-Achse"]});
Plot.func(f, 0, 6.28);
Plot.draw();
Plot.svg({textarea:"svgtxt"});

</script>
</body>
</html>

Vorschau Download Kopie speichern