taralino

.svg

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

Es wird das Gitternetz / die Zeichnung 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 ein kleines Gitternetz definiert und dargestellt. Anschließend wird das Gitternetz 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>

Grid.init(5, 3, {width:240, background:"lightgrey"});
Grid.pixel(1, 1, "red");
Grid.pixel(3, 1, "blue");
Grid.draw();

Grid.svg();

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

Vorschau Download Kopie speichern

Beispiel

In diesem Beispiel wird das Gitternetz 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>

Grid.init(5, 3, {width:240, background:"lightgrey"});
Grid.pixel(1, 1, "red");
Grid.pixel(3, 1, "blue");
Grid.draw();

Grid.svg({textarea:"svgtxt"});

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

Vorschau Download Kopie speichern