.init

Der Befehl Grid.init(x, y) erwartet folgende (verpflichtende) Argumente:

ArgumentDatentypHinweis
xZahlganzzahlig, positiv
yZahlganzzahlig, positiv

Das Gitternetz (Grid) wird zur anschließenden Darstellung farbiger Pixel vorbereitet (initialisiert). Genauer definiert x die Anzahl der Pixel entlang der x-Achse und y die Anzahl der Pixel entlang der y-Achse.

Zudem können folgende Optionen verwendet werden:

VariableDatentypHinweisDefault-Wert
widthZahlganzzahlig, positiv480
backgroundFarbe-none
styleZeichenkette-svg
zoomZahlganzzahlig, positiv1
scalingZeichenketteon oder offon
divZeichenkette-neues DIV-Element

Mit width wird die (maximale) Breite der Zeichnung definiert. Die zugehörige Höhe der Zeichnung ergibt sich automatisch gemäß dem Verhältnis von x zu y. Zudem definiert background die Hintergrundfarbe der Zeichenfläche.

Weiterhin ist zu beachten, dass width stets als maximale Breite zu verstehen ist. Ist diese zu groß, wird automatisch auf eine optimale Größe verkleinert. Um dies zu verhindern, kann scaling auf off gesetzt werden.

Bei sehr großen Gitternetzen sollte die Option style auf canvas gesetzt werden. Dies beschleunigt die Darstellung, wobei alle Pixel dann mit einer Größe zoom dargestellt werden. In diesem Falle hat die Option width keinerlei Einfluss auf die Größe der Darstellung des Gitternetzes.

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 Gitternetzes genutzt. Wird die Option nicht verwendet, wird automatisch ein neues DIV-Element erzeugt.

Beispiel
Es wird ein Fisch skizziert aus einigen Pixeln dargestellt.
Beispiel
Es wird ein größeres Gitternetz unter Verwendung der Optionen scaling=canvas und zoom=8 dargestellt. Tipp: Verändere den zoom-Wert von 8 auf 16 und aktualisiere die Vorschau.
.pixel