Drittelregel-Raster: Linien und Schnittpunkte in Pixeln

Sie können das Ergebnis als Kompositionshilfe in einem Editor, einer Kameraoberfläche, einem Zuschneidewerkzeug, einem Designsystem oder einem automatisierten Ablauf verwenden. Ist eine Abmessung nicht durch drei teilbar, bleiben die Bruchwerte erhalten. Dadurch entscheidet die zeichnende Umgebung selbst über die passende Darstellung.

Was die Koordinaten der Drittelregel bedeuten

Ein Drittelregel-Raster teilt ein rechteckiges Bild in drei gleich breite Spalten und drei gleich hohe Zeilen. Dieser Rechner setzt die senkrechten Hilfslinien auf ein Drittel und zwei Drittel der angegebenen Breite. Die waagerechten Hilfslinien liegen entsprechend auf ein Drittel und zwei Drittel der Höhe. An ihren Kreuzungen entstehen vier Bezugspunkte, die häufig zur Platzierung eines Motivs, Gesichts, Horizontdetails oder anderen visuellen Schwerpunkts dienen. Der Koordinatenursprung liegt links oben: x wächst nach rechts und y nach unten. Diese Konvention entspricht gängigen Rastergrafik-, Canvas-, Browser- und Bildbearbeitungssystemen. Die Antwort enthält außerdem die ursprüngliche Breite und Höhe und führt senkrechte Linien, waagerechte Linien und Schnittpunkte getrennt auf. So lassen sich alle Elemente unmittelbar weiterverarbeiten. Der Rechner untersucht keine Pixel, bewertet keine Gestaltung, schneidet kein Bild zu und verschiebt kein Motiv. Er liefert ausschließlich deterministische Geometrie, die eine andere Anwendung zeichnen, speichern, vergleichen oder als Kompositionshilfe einsetzen kann.

Umgang mit Teilpixeln und ungültigen Eingaben

Jede Koordinate wird unmittelbar aus der vollständigen Abmessung berechnet, ohne vorherige Rundung. Bei einer Breite von 1200 Pixeln liegen die senkrechten Linien exakt bei den x-Werten 400 und 800. Bei 1000 Pixeln ergeben sich in der Zahlendarstellung von JavaScript 333.3333333333333 und 666.6666666666666. Diese Bruchteile bleiben bewusst erhalten, denn Darstellungssysteme haben unterschiedliche Anforderungen. Ein Vektor-Canvas kann an Teilpixelpositionen zeichnen, während ein Rasterprozess möglicherweise abrunden, aufrunden, zum nächsten ganzzahligen Wert springen oder eine geräteabhängige Ausrichtung nutzen soll. Eine willkürliche Rundung im Rechner würde diese Entscheidung vorwegnehmen und könnte einen äußeren Bereich breiter als den anderen machen. Breite und Höhe müssen endliche positive Ganzzahlen sein, da sie Rasterbildmaße beschreiben. Null wird ausdrücklich zurückgewiesen, weil ein Bild ohne Breite oder Höhe keine nutzbare geometrische Fläche besitzt. Negative Werte, Brüche, fehlende Felder, Zeichenketten, unendliche und nicht numerische Werte führen ebenfalls zu einem Fehler für ungültige Eingaben.

Das Ergebnis in Editoren und automatisierten Abläufen verwenden

Zum Zeichnen des Rasters führen Sie jede senkrechte Linie beim zurückgegebenen x-Wert von y gleich null bis zur vollen Höhe. Jede waagerechte Linie verläuft beim jeweiligen y-Wert von x gleich null bis zur vollen Breite. Die vier bereits aufgeführten Schnittpunkte können Sie ohne zusätzliche Kombinationen als Griffe, Ziele, Markierungen oder Einrasthilfen verwenden. Berechnen Sie bei einer responsiven Vorschau mit den tatsächlichen Pixelmaßen des Bildes und nicht mit seiner angezeigten CSS-Größe. Skalieren Sie die Koordinaten danach mit demselben Faktor wie das Bild. Für einen Zuschneidevorgang sollte die Berechnung auf dem endgültigen Rechteck erfolgen, nachdem dessen Maße feststehen, denn die Drittel beziehen sich auf den finalen Bildausschnitt. Die Funktion ist rein und verwendet weder Netzwerk noch Zufall, Zeitstempel, Bilddecodierung oder gespeicherten Zustand. Gleiche Eingaben erzeugen daher stets dasselbe JSON. Das eignet sich für Browserwerkzeuge, serverseitige Prüfungen, Tests und reproduzierbare Designabläufe. Im Browser ist die Nutzung kostenlos; eine API-Anfrage kostet $0.002.