taralino

.draw

Der Befehl Picture.draw(M) erwartet folgende (verpflichtende) Argumente:

Argument	Datentyp	Hinweis
M	Datenfeld	Schwarz-Weiß-Bild oder farbiges Bild

Das Bild M wird gezeichnet.

Zudem können folgende Optionen verwendet werden:

Variable	Datentyp	Hinweis	Default-Wert
zoom	Zahl	ganzzahlig, positiv	1
div	Zeichenkette	-	neues DIV-Element

Die Option zoom definiert einen (ganzzahligen) Faktor zur Vergrößerung des Bildes.

Für Anwender mit HTML-Kenntnissen lässt sich mittels div definieren, welches DIV-Element zur Zeichnung verwendet werden soll. Genauer wird das DIV-Element mit der ID div zur anschließenden Darstellung des Bildes verwendet. Wird die Option nicht verwendet, wird automatisch ein neues DIV-Element erzeugt.

Beispiel

Es wird ein farbiges Beispielbild gezeichnet.

<!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>

var M = Picture.example();

Picture.draw(M, {zoom:4});

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

Vorschau Download Kopie speichern

Beispiel

Es wird ein Schwarz-Weiß-Beispielbild gezeichnet.

<!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>

var M = Picture.example({id:"doodle"});

Picture.draw(M, {zoom:4});

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

Vorschau Download Kopie speichern

Beispiel

Zur Veranschaulichung der Option div: Entferne die Option div und aktualisiere die Vorschau.

<!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>
<div id="mydiv" style="border: 2px solid red;">TEXT</div>
<script>

var M = Picture.example();

Picture.draw(M, {zoom:2, div:"mydiv"});

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

Vorschau Download Kopie speichern