taralino

Sketch

Das Sketch-Paket liefert eine Reihe von Befehlen mit dem Ziel, Skizzen möglichst einfach und schnell erstellen zu können. Die Objekte, die gezeichnet werden können, sind im Wesentlichen identisch zum Canvas-Paket.

Es sind jedoch folgende Unterschiede zu beachten: Anders als das Canvas-Paket sind die Sketch-Umfänge nicht für Animationen geeignet. Auch Interaktionen wie on_mouse_down sind nicht möglich. Andererseits bietet das Sketch-Paket eine Möglichkeit, Skizzen als SVG-Zeichenkette zu exportieren.

Übersicht

Das Sketch-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>

Sketch.init([0,10], [0,6], {width:480, background:"#f2f2f2"});
Sketch.rect(5.0, 1.5, 0.6, 2.0, {fill:"#d09b94"});
Sketch.circle(5.0, 4.5, 1.0, {fill:"orange"});
Sketch.rect(5.0, 3.2, 2.0, 2.6, {fill:"orange"});
Sketch.rect(5.0, 3.6, 2.0, 1.2, {fill:"yellow"});
Sketch.rect(5.0, 2.4, 2.0, 1.2, {fill:"red"});
Sketch.rect(5.6, 3.3, 0.3, 2.4, {fill:[0,0,0,30]});
Sketch.draw();

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

Vorschau Download Kopie speichern