taralino

Picture

Das Picture-Paket bietet ausgewählte Möglichkeiten, Bilder zu bearbeiten und zu zeichnen. Grundsätzlich unterscheiden wir dabei zwischen zwei Arten von Bildern: Schwarz-Weiß-Bilder und farbige Bilder.

Schwarz-Weiß-Bilder

Ein Schwarz-Weiß-Bild ist ein zweidimensionales Datenfeld (d.h. eine Matrix), wobei sämtliche Einträge ganze Zahlen zwischen 0 und 255 sind:

Eine 0 bedeutet Schwarz, eine 255 bedeutet Weiß. Alle anderen Zahlen entsprechen den Graustufen dazwischen.

Farbige Bilder

Ein farbiges Bild ist ein zweidimensionales Datenfeld, wobei sämtliche Einträge Datenfelder bestehend aus drei Zahlen jeweils zwischen 0 und 255 sind, nämlich den RGB-Werten (Rot, Grün, Blau):

Eine 0 bedeutet ohne Farbanteil, eine 255 bedeutet vollen Farbanteil. Alle anderen Zahlen entsprechen den jeweiligen Abstufungen dazwischen.

Übersicht

Das Picture-Paket stellt folgende Funktionen und Befehle zur Verfügung:

Beispiel

Es wird ein kleines Schwarz-Weiß-Bild bestehend aus 3 x 3 Pixel definiert und (mit einem Faktor von 60 vergrößert) 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 = [
  [100, 160, 100],
  [ 80, 130,  10],
  [150, 240, 150]
];

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

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

Vorschau Download Kopie speichern

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