Raster für wiederholte Wasserzeichen-Kacheln erstellen

Erstellen Sie ein vollständiges Raster wiederholter Wasserzeichen, ohne die benötigten Kopien jenseits der sichtbaren Ränder schätzen zu müssen. Geben Sie die Abmessungen von Leinwand und Kachel, die horizontalen und vertikalen Abstände sowie den Drehwinkel an. Der Rechner liefert stabile Mittelpunktskoordinaten für jede gedrehte Kachel, die die Leinwand berührt, einschließlich angeschnittener Randkacheln. Das Layout ist zentriert, nutzt konsistente Zeilen- und Spaltenkennungen und lässt sich direkt an eine Rendering-Pipeline für Bilder, SVG, PDF oder Canvas übergeben.

Definieren Sie Leinwand und Wasserzeichen-Kachel

Beginnen Sie mit Breite und Höhe der Zielleinwand und geben Sie anschließend die ungedrehte Breite und Höhe einer Wasserzeichen-Kachel an. Alle Abmessungen verwenden dieselbe Einheit, üblicherweise Pixel; Punkte oder eine andere Koordinateneinheit sind ebenfalls möglich, wenn Ihr Renderer ein anderes System nutzt. Die Kachel muss in beiden Abmessungen auf die Leinwand passen.

Diese Prüfung erkennt versehentlich vertauschte Werte, falsche Einheitenumrechnungen und Anfragen, die statt eines wiederholten Musters nur einen übergroßen Stempel erzeugen würden. Legen Sie danach den horizontalen und vertikalen Abstand fest. Diese Werte bezeichnen Lücken zwischen den Kachelkanten entlang der eigenen Rasterachsen, nicht absolute Bildschirmabstände nach der Drehung.

Null setzt Kacheln Kante an Kante; größere Werte erzeugen ein luftigeres Muster. Der zurückgegebene Ursprung ist die Leinwandmitte. Zeile null und Spalte null kennzeichnen die dort zentrierte Kachel und geben Ihrem nachgelagerten Code einen stabilen Bezugspunkt, selbst wenn sich Leinwandgröße, Abstand oder Winkel später ändern.

Verstehen Sie Drehung und Randabdeckung

Der Winkel dreht das gesamte Gitter im Uhrzeigersinn um die Leinwandmitte. Jeder endliche Gradwert wird akzeptiert und auf eine Umdrehung normalisiert, sodass minus dreißig Grad und dreihundertdreißig Grad dasselbe Layout ergeben. Durch die Drehung wächst der abzudeckende Bereich: Eine Kachel, deren Mittelpunkt außerhalb des Bildes liegt, kann mit einer Ecke noch darin sichtbar sein.

Deshalb projiziert der Rechner die Leinwand auf die gedrehten Rasterachsen, erzeugt eine begrenzte Menge möglicher Zeilen und Spalten und prüft jedes gedrehte Kachelrechteck gegen das Leinwandrechteck. Eine Position wird ausgegeben, sobald sich beide Rechtecke berühren oder überschneiden. Diese genaue Schnittregel verhindert fehlende Eckkacheln und entfernt entfernte Kacheln, die ein einfacher übergroßer Begrenzungsrahmen einschließen würde.

Die Koordinaten beschreiben Mittelpunkte, weil Rasterbibliotheken, SVG- und CSS-Transformationen sowie Canvas-APIs eine Drehung um den Mittelpunkt einheitlich unterstützen. Angeschnittene Randkacheln sind beabsichtigt; lassen Sie sie vom Zielrenderer an der Leinwand beschneiden.

Rendern und reproduzieren Sie das Layout

Verarbeiten Sie die Positionen in der ausgegebenen Reihenfolge: zuerst von kleineren zu größeren Zeilenkennungen und innerhalb jeder Zeile von kleineren zu größeren Spalten. Zeilen- und Spaltenkennungen helfen beim Debuggen, beim Wechseln der Deckkraft oder beim Auswählen jeder zweiten Kachel, ersetzen aber nicht die Koordinaten. Zahlenwerte werden auf sechs Dezimalstellen gerundet, damit serialisierte Ergebnisse stabil bleiben und dennoch Subpixelgenauigkeit für hochauflösende Ausgaben bieten.

Für ein versetztes Mauerwerksmuster, zufällige Abweichungen, einzeln gedrehte Marken oder Textmessung wenden Sie diese Transformationen nach Erhalt des regelmäßigen Rasters an oder nutzen einen spezialisierten Compositor.