Bild beschneiden Beschneiden Sie Bilder mit einem visuellen Auswahlrechteck, um unerwünschte Bereiche zu entfernen.

Das Bildbeschneiden verwendet die drawImage-Methode der Canvas-API mit Quellrechteckparametern (sx, sy, sw, sh), um eine bestimmte Region aus dem Quellbild zu extrahieren. Die Beschnittauswahl wird durch Nachverfolgen von Mausereignissen im Vorschaubereich implementiert und Umwandeln der Bildschirmkoordinaten in Bildkoordinaten unter Verwendung des Anzeige-zu-echten-Maßstabsverhältnisses. Der Auswahlrechtecküberlager wird mithilfe von CSS-Absolute-Positionierung mit prozentbasierten Koordinaten für eine responsive Anzeige gerendert. Wenn manuelle Koordinaten eingegeben werden, werden sie gegen die Bildgrenzen validiert, um ein Beschneiden außerhalb der Grenzen zu verhindern. Das resultierende beschnittene Bild behält die ursprüngliche Pixeldichte innerhalb der ausgewählten Region bei.