taralino

Canvas

Das Canvas-Paket liefert eine Reihe von Befehlen mit dem Ziel, Skizzen und Abbildungen möglichst einfach und schnell erstellen zu können. Insbesondere kann das Paket auch zur Darstellung von Animationen verwendet werden.

Übersicht

Das Canvas-Paket stellt folgende Befehle zur Verfügung:

Beispiel

Es wird ein Eis skizziert aus insgesamt sechs Objekten dargestellt.

<!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,10], [0,6], {width:480, background:"#f2f2f2"});
Canvas.rect(5.0, 1.5, 0.6, 2.0, {fill:"#d09b94"});
Canvas.circle(5.0, 4.5, 1.0, {fill:"orange"});
Canvas.rect(5.0, 3.2, 2.0, 2.6, {fill:"orange"});
Canvas.rect(5.0, 3.6, 2.0, 1.2, {fill:"yellow"});
Canvas.rect(5.0, 2.4, 2.0, 1.2, {fill:"red"});
Canvas.rect(5.6, 3.3, 0.3, 2.4, {fill:[0,0,0,30]});

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

Vorschau Download Kopie speichern