taralino

Einführung

Im Kern ist taralino ist eine JavaScript-Bibliothek, welche entsprechend auf einer HTML-Seite zur Ausführung im Browser eingebunden werden kann. Wir beginnen mit einem einfachen Beispiel zum grundlegenden Aufbau jeder taralino-Anwendung.

Beispiel

Aufbau jeder taralino-Anwendung: Es sind nur die Programmzeilen zwischen den Anweisungen <script> und </script> von Bedeutung, die Zeilen davor bzw. danach dienen lediglich zur korrekten Einbindung der taralino-Bibliothek.

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

Canvas.init([0,20], [0,12], {width:480, background:"lightgrey"});
Canvas.circle(10, 6, 5, {fill:"red"});
Canvas.rect(10, 6, 6, 2, {fill:"white"});

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

Vorschau Download Kopie speichern

Argumente und Eigenschaften

Bevor wir richtig einsteigen, stellen wir zunächst das wichtigste Konzept der taralino-Bibliothek vor (vergleiche auch im Beispiel zuvor):

Verpflichtende Argumente und optionale Eigenschaften

Alle taralino Befehle und Funktionen erwarten in der Regel verpflichtende Argumente sowie optionale Eigenschaften:

Verpflichtende Argumente sind Parameter, welche dem Befehl bzw. der Funktion zwingend übergeben werden müssen.
Optionale Eigenschaften dienen der genaueren Spezifikation und werden innerhalb geschweifter Klammern angegeben.

Zum Zeichnen eines Kreises sind beispielsweise drei verpflichtende Argumente zu definieren: x- und y-Koordinaten des Mittelpunkts sowie Radius r. Optional kann die Farbe der Füllung sowie die Farbe der Kreislinie als Eigenschaft spezifiziert werden. Falls auf die optionalen Eigenschaften verzichtet wird, kommen Default-Werte (Standardeinstellungen) zum Einsatz. Im folgenden Abschnitt gehen wir darauf noch näher ein.