taralino

.svg

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

Es wird die Skizze 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 kleine Skizze definiert und dargestellt. Anschließend wird die Skizze 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>

Sketch.init([0,10], [0,6], {width:320, background:"lightgrey"});
Sketch.circle(3, 3, 1.2, {fill:"red"});
Sketch.circle(7, 3, 1.2, {fill:"blue"});
Sketch.draw();

Sketch.svg();

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

Vorschau Download Kopie speichern

Beispiel

In diesem Beispiel wird eine Skizze 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>

Sketch.init([0,10], [0,6], {width:320, background:"lightgrey"});
Sketch.circle(3, 3, 1.2, {fill:"red"});
Sketch.circle(7, 3, 1.2, {fill:"blue"});
Sketch.draw();

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

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

Vorschau Download Kopie speichern