--- title: "Bilder annotieren" description: "Gedrehte Rahmen in LumiScan Annotation Web zeichnen, bearbeiten und beschriften: Mittellinien- und Kanten-Rechteck, Griffe, Tasten, Lupe, Speichern." product: "LumiScan Annotation Web" component: "lumiscan-annotation-web-de" version: "2.4.1" display_version: "2.4.1.2" latest_version: true language: "de" url: "https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/annotating-images.html" --- # Bilder annotieren – LumiScan Annotation Web ## Gedrehte Rahmen Ein gedrehter Rahmen ist ein Rechteck, das gedreht werden kann. Er hat einen Mittelpunkt, eine Breite, eine Höhe und einen Winkel. Die **grüne Kante ist die Unterkante** des Rahmens: Sie gibt ihm seine Richtung. Ein Winkel von 0° bedeutet, die Oberkante zeigt nach oben; positive Winkel drehen im Uhrzeigersinn. Die Richtung ist für das Training wichtig: Das Netz lernt, wo die Unterkante eines Objekts liegt. Vereinbaren Sie für jede Objektart eine Regel, z. B. „Unterkante dort, wo das Teil flach aufliegt", und zeichnen Sie alle Rahmen dieser Art gleich. [Ausrichtung der Rahmen](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/box-orientation.html) zeigt mit Beispielen, warum das wichtig ist. ## Einen Rahmen zeichnen Es gibt zwei Arten, einen Rahmen zu zeichnen, jeweils mit drei Klicks. Der Schalter neben **Neuer Rahmen** zeigt, welche verwendet wird: ![Die Schaltfläche Neuer Rahmen mit dem Schalter für die Zeichenart daneben: links Mittellinien-Rechteck, rechts Kanten-Rechteck, ausgewählt](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/draw-modes.png) - `N` beginnt ein [Mittellinien-Rechteck](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/annotating-images.html#center-line-rectangle), `E` ein [Kanten-Rechteck](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/annotating-images.html#edge-rectangle). Ein Klick auf eine Seite des Schalters tut dasselbe. - **Neuer Rahmen** und ein Doppelklick ins Bild beginnen einen Rahmen in der zuletzt verwendeten Art. Der Browser merkt sie sich für Ihr Konto. [Video](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/videos/drawing-a-box.mp4) ### Mittellinien-Rechteck {#center-line-rectangle} In der Oberfläche *center-line rectangle*: zuerst die Mittellinie des Rahmens, von der Mitte seiner Unterkante zur Mitte seiner Oberkante, dann die Breite, die sich gleichmäßig nach beiden Seiten dieser Linie verteilt. Das sind die Klicks des Desktop-Werkzeugs: 1. Drücken Sie `N` und klicken Sie, wo die **Unterkante** des Objekts liegt, oder doppelklicken Sie dort. 2. Klicken Sie, wo die **Oberkante** des Objekts liegt: Das zeichnet die Mittellinie und legt Höhe und Winkel fest. 3. Bewegen Sie die Maus seitlich und klicken Sie: Das legt die Breite fest, gleich auf beiden Seiten der Mittellinie. | | | | | --- | --- | --- | | ![Nach dem ersten Klick folgt die Mittellinie als gestrichelte Linie der Maus von der Unterkante zur Oberkante des Halters](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/draw-1.png) | ![Nach dem zweiten Klick folgt der Rahmen der Maus seitlich; die grüne Linie ist die Unterkante](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/draw-2.png) | ![Nach dem dritten Klick: Der Rahmen ist fertig und ausgewählt](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/draw-3.png) | ### Kanten-Rechteck {#edge-rectangle} In der Oberfläche *edge rectangle*: zuerst die Unterkante des Rahmens, dann die Höhe, nur nach einer Seite: 1. Drücken Sie `E` und klicken Sie auf ein Ende der **Unterkante** des Objekts, oder doppelklicken Sie dort, wenn zuletzt das Kanten-Rechteck verwendet wurde. 2. Klicken Sie auf das andere Ende der Unterkante: Das legt Breite und Winkel fest. 3. Bewegen Sie die Maus zur **Oberkante** des Objekts und klicken Sie: Das legt die Höhe fest. Die Seite, zu der Sie die Maus bewegen, wird die Oberkante; die Reihenfolge der ersten beiden Klicks spielt also keine Rolle. | | | | | --- | --- | --- | | ![Nach dem ersten Klick folgt die grüne Unterkante der Maus entlang der unteren Seite des Halters](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/edge-1.png) | ![Nach dem zweiten Klick wächst der Rahmen von der Unterkante zur Maus](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/edge-2.png) | ![Nach dem dritten Klick: Der Rahmen ist fertig und ausgewählt](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/edge-3.png) | ### Welche Art wann - Das **Kanten-Rechteck** ist einfacher, wenn eine Seite des Objekts eine klare, gerade Kante ist, z. B. bei einem flach liegenden Teil, der Kante einer Kiste oder einer Platte, oder wenn im Bild nur eine Seite scharf ist. Sie klicken auf das, was Sie sehen. - Das **Mittellinien-Rechteck** ist einfacher bei langen, ungefähr symmetrischen Objekten mit offensichtlicher Achse, etwa Stiften, Schrauben oder Kabeln. Ein Fehler in der Breite verteilt sich auf beide Seiten. Beide ergeben dieselbe Art von Rahmen; Sie können jederzeit wechseln. Der neue Rahmen erhält das in der Liste **Labels** gewählte Label. `Esc` oder ein Rechtsklick bricht das Zeichnen ab. ## Einen Rahmen bearbeiten Klicken Sie einen Rahmen an, um ihn auszuwählen. Der ausgewählte Rahmen ist gelb, mit einem Griff an jeder Ecke. ![Ein ausgewählter Rahmen um eine Mutter: gelber Umriss, vier runde Eckgriffe, grüne Unterkante und das Label nut](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/box-selected.png) [Video](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/videos/editing-a-box.mp4) | | | | --- | --- | | Verschieben | Rahmen ziehen, oder Pfeiltasten (1 Pixel; mit `Shift` 10 Pixel), oder `Strg` / `Shift` + `I` `J` `K` `L` | | Größe ändern | Eine Kante ziehen; die gegenüberliegende bleibt. Tasten: `Strg` / `Shift` + `V` `B` (Höhe), `N` `M` (Breite) um 1 / 10 Pixel | | Drehen | Eine Ecke ziehen, oder `Strg` / `Shift` + `U` `O` um 1° / 10° | | Genaue Werte | Im Bereich **Gewählter Rahmen** eintippen: Mittelpunkt, Breite, Höhe in Pixeln, Winkel in Grad | | Unterkante | `R` / `Shift+R` oder die Schaltflächen **Unterkante**: Die nächste Seite wird Unterkante (0°), siehe [Mittellinien und Unterkante](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/annotating-images.html#center-lines-and-bottom-edge) | | Label | Zifferntasten 1 bis 9, oder das Label in der Liste anklicken | | Löschen | Rechtsklick, oder `Entf` | Der Browser behält `Strg+N` für sich: Verwenden Sie `Shift+N` / `Shift+M` für die Breite. ## Mittellinien und Unterkante {#center-lines-and-bottom-edge} Gestrichelte **Mittellinien** laufen längs und quer durch jeden Rahmen, durch seinen Mittelpunkt. Wo sie sich kreuzen, liegt der Mittelpunkt des Rahmens, zum Beispiel die Stelle, an der ein Greifer das Teil hält. So sehen Sie auf einen Blick, ob der Mittelpunkt richtig sitzt: Bei einem Halter sollte die Linie längs des Rahmens durch beide Bohrungen laufen. Die Linien erscheinen auch in der Lupe und beim Zeichnen eines Rahmens, und sie stören nie beim Klicken. **Mittellinien anzeigen** unter **Ansicht** oder `C` schaltet sie aus und ein; der Browser merkt sich die Wahl für Ihr Konto. Die **grüne Unterkante** ist die 0°-Seite des Rahmens und gibt ihm seine Richtung. Liegt sie auf der falschen Seite, müssen Sie den Rahmen nicht neu zeichnen: `R` macht die nächste Seite im Uhrzeigersinn zur Unterkante, `Shift+R` die nächste gegen den Uhrzeigersinn. Die beiden Schaltflächen **Unterkante** neben **Winkel** tun dasselbe. Der Umriss bleibt genau, wo er ist; der Winkel ändert sich um 90°, Breite und Höhe tauschen. Jede Drehung ist ein Rückgängig-Schritt. [Video](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/videos/center-lines-and-bottom-edge.mp4) ## Genau arbeiten: die Lupe Der Mauszeiger ist ein Fadenkreuz. Daneben zeigt eine Lupe den Bereich unter dem Zeiger vergrößert, mit Pixelraster, den Rahmen und der Position auf 0,1 Pixel. So setzen Sie Kanten subpixelgenau. `M` oder **Lupe am Mauszeiger** schaltet sie aus und ein. ![Lupe: ein Kreis mit Fadenkreuz und Pixelraster über der Ecke eines Halters, mit der Position x 245.5, y 314.9 und der Vergrößerung 15-fach](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/_images/screens/magnifier.png) Rahmen werden auf 0,1 Pixel und Winkel auf 0,001 Radiant gespeichert, genau wie im Desktop-Werkzeug. ## Zoom und Ansicht - Mausrad oder `+` / `−`: am Zeiger zoomen. `F`: Bild ins Fenster einpassen. `Z` oder **1:1**: ein Bildschirmpixel je Bildpixel. - Leere Fläche ziehen, oder `Alt` + Ziehen: Bild verschieben. - **Helligkeit** und **Kontrast** ändern nur die Anzeige, nicht das Bild. - **Labels anzeigen** blendet die Labeltexte für einen freien Blick aus. - **Mittellinien anzeigen** (`C`) blendet die Mittellinien aus und ein, siehe [Mittellinien und Unterkante](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/annotating-images.html#center-lines-and-bottom-edge). ## Labels Die Labels gelten für alle im Projekt. **Hinzufügen** fügt den ins Feld getippten Namen hinzu; Projekt-Admins können in den [Einstellungen](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/project-settings.html) auch Labels entfernen und die Reihenfolge ändern. Die ersten neun haben die Tasten 1 bis 9. ## Speichern - **Speichern** (`S` oder `Strg+S`) schreibt die Rahmen in `.csv` und ergänzt einen Eintrag in `.json`. - **Speichern und aufs nächste kopieren** (`Alt+S`): speichert, öffnet das nächste Bild und kopiert die Rahmen ungespeichert hinein. Praktisch für Serien, in denen sich die Teile kaum bewegen: korrigieren, speichern, weiter. - Wechseln Sie mit ungespeicherten Änderungen zu einem anderen Bild, werden Sie gefragt: **Speichern**, **Änderungen verwerfen** (verwerfen) oder **Abbrechen**. ## Interessensbereich Hat das Projekt einen Interessensbereich, ist er im Bild violett umrandet. Annotieren Sie nur innerhalb; Rahmenvorschläge außerhalb entfallen. Projekt-Admins legen ihn in den [Einstellungen](https://docs.hdvisionsystems.com/de/lumiscan-annotation-web-de/project-settings.html) fest. ## Ein Bild löschen Projekt-Admins können ein Bild löschen: Rechtsklick darauf in der Bildliste und bestätigen. Das löscht das Bild mit seinen Annotationsdateien, allen Versionen, seinem Verlauf und seinen Hinweisen und lässt sich nicht rückgängig machen.