Image Annotator – Ermöglicht das Annotieren von Bildern im Vorschauprogrammm

Hallo zusammen,

zusammen mit meinem Teamkollegen @vliboolean1010 freuen wir uns, euch die neu erstellte Discourse Theme-Komponente „Image Annotator" vorstellen zu dürfen.

Sobald ihr im Editor auf ein Bild klickt, werden folgende Funktionen aktiviert:

  • Hinzufügen von Boxen, Formen, Pfeilen und Text
  • Markieren oder Zensieren von Bildbereichen
  • Auswahl und Änderung der Farbe der Annotationen
  • Annotationen werden automatisch aktualisiert, nachdem ihr auf „Speichern" geklickt habt.
  • Unterstützte Browser: Safari, Firefox, Chrome und iOS Safari
  • (Die Bildzuschnitt-Funktion ist noch in Arbeit)

Installationsbildschirm

Repository: GitHub - discourse/discourse-image-annotator: image annotation theme component · GitHub

Demovideo

46 „Gefällt mir“

Gute Arbeit! Wurde das bereits mit auf S3 gehosteten Bildern getestet? Ich erhalte einen Fehler bei einer Cross-Origin-Anfrage, wenn S3 aktiviert ist.

9 „Gefällt mir“

Vielen Dank. Das ist großartig.

7 „Gefällt mir“

Hallo @davidkingham,

vielen Dank für die detaillierte Meldung des Problems. Während wir versuchen, dieses Problem zu lösen, wäre eine alternative Lösung, das Bild von deinem lokalen Gerät hochzuladen, anstatt es von Online-Quellen zu laden. :slight_smile:

4 „Gefällt mir“

Danke, Chun, aber das ist nicht dasselbe. Ich lade von einem lokalen Gerät hoch, aber das Bild wird an einen S3-Endpunkt hochgeladen, und genau dort liegt das Problem.

8 „Gefällt mir“

Ich denke, man könnte das nutzen, um Fotos automatisch mit dem Benutzernamen zu wassernzeichen, aber ich bin mir nicht sicher, wie man das angeht. Vielleicht eine weitere Schaltfläche, die [username]@[site domain] ausgibt?

3 „Gefällt mir“

Gibt es eine Funktion, mit der man auf ein Foto schreiben kann?

4 „Gefällt mir“

Also, hier ist mein Problem: Wenn ich ein großes Bild hochlade (z. B. einen Screenshot unseres Forums für ein Tutorial), wird die Bildanzeige automatisch basierend auf meinen maximalen Bild-Einstellungen eingeschränkt. Das ist problematisch, denn bei großen Bildern wird es auf eine unmöglich kleine Größe verkleinert, und ich kann die größere Version nicht bearbeiten.

Im Grunde wird es dadurch nur für Bilder nützlich, die kleiner als die „onebox“-Einstellungen sind; unsere sind beispielsweise auf 400 × 400 festgelegt.

In diesem Bild sind dieselben zwei Bilder zu sehen, wobei eines mit dieser Komponente bearbeitet wurde. Die Komponente macht es unlesbar.

Wenn Sie es so einrichten könnten, dass das Originalbild und nicht die onebox-Version bearbeitet wird, wäre das absolut großartig.

Toller Anfang trotzdem, und ich erkenne definitiv den Nutzen!

4 „Gefällt mir“

Ist es möglich, Annotationen nach dem Speichern des Beitrags zu bearbeiten?

3 „Gefällt mir“

Es sieht nicht so aus. Das Bild wird beim Beenden der Bearbeitung erneut gespeichert.

4 „Gefällt mir“

Derzeit gibt es keine derartigen Funktionen.

4 „Gefällt mir“

Fehler beim Schreiben von Bildern

ftOaYJktEr

2 „Gefällt mir“

Ich habe dies nach #theme:broken-theme verschoben und den Tag pr-welcome hinzugefügt.

Ich finde, es braucht noch einiges an Arbeit und Unterstützung, um eine ordentliche empfohlene Theme-Komponente zu werden.

6 „Gefällt mir“

Ich habe einige Probleme beim Annotieren der Bilder behoben.
Hier ist der Link zum PR:

6 „Gefällt mir“

Super, danke, Nam. Es wirft keine Fehler mehr und speichert das Bild, das ist cool.

Beim Erstellen des oben genannten Meisterwerks ist mir aufgefallen, dass es einige kleine nervige Dinge bei der Nutzung gibt. Mehrmals wurde die Annotation an der falschen Stelle initialisiert. Sowohl die Symbolleiste als auch der Bearbeitungsbereich waren halbwegs nach unten verschoben. Glaubst du, du kannst herausfinden, warum das passiert?

6 „Gefällt mir“

Hier ist der Link zum PR zum Entfernen von Jquery:

7 „Gefällt mir“

Ich frage mich, ob wir dem Bauteil die Steuerelemente „zuschneiden

9 „Gefällt mir“

Ich werde mich so schnell wie möglich darum kümmern!

6 „Gefällt mir“

Kein Stress, ich freue mich sehr, dass dieser Baustein nun mehr Beachtung findet – er hat so viel Potenzial.

9 „Gefällt mir“

Während der Zusammenarbeit mit @markvanlan haben wir festgestellt, dass es eine neue Version von markerjs gibt.
Bilder können im Popup bearbeitet werden. Dies wird viele Probleme beheben.
Ich arbeite derzeit an einem PR.

9 „Gefällt mir“