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

Ich habe es auf markerjs2 aktualisiert und den Code bereinigt.
Hier ist der Link zum PR:

7 „Gefällt mir“

Die Verbesserungen im Editor sind fantastisch und haben so viel Code entfernt :clap:

Leider wird der Beitrag nach dem Speichern der Bearbeitung nicht mehr angezeigt, da das Markdown nicht ganz korrekt ist. Es sieht so aus, als ob die Zeichenkettenanalyse nicht richtig funktioniert.


Das Markdown im oberen Bild ist die unveränderte Datei. Nach der Bearbeitung sieht man, dass die Komponente durch das (1) im Dateinamen verwirrt wird und dies in den Upload-Pfad einfügt; schaut euch (1upload an. Da Themes nun JS-Tests haben können, fügen wir einen Test für die Dateinamen-Analyse hinzu.

Ich werde die Theme-Komponente hier auf Meta vorübergehend deaktivieren, bis dies behoben ist. Sie ist bereits als #theme:broken-theme markiert, also nichts Neues hier :slight_smile:

7 „Gefällt mir“

Ich habe den Fehler behoben, bei dem beim Suchen nach der Bild-URL die falschen Klammern erkannt wurden.
Hier ist der Link zum PR:

Ich plane außerdem, eine Funktion hinzuzufügen, mit der der Nutzer beim Hovern über das Bild wählen kann, ob er es annotieren oder zuschneiden (drehen/spiegeln) möchte.

6 „Gefällt mir“

Hallo Nam,

Die Komponente ist jetzt auf Meta installiert und ich habe sie getestet!

Einige Rückmeldungen:

  1. Es ist unklar, wie man den Editor öffnet. Ich würde empfehlen, hier einen Hinweis einzufügen (vielleicht das Wort „Bearbeiten
6 „Gefällt mir“

Vielen Dank für das Feedback!
Ich arbeite an Feedback #1. Ich werde den Stil ändern, aber die Schaltflächen „ANNOTATE

6 „Gefällt mir“

Klar:

Der Composer wird bei mir über dem Bildeditor dargestellt, sodass ich nicht ordentlich bearbeiten kann, bis ich den Composer verkleinere.

Vielen Dank für all deine großartige Arbeit hier!

3 „Gefällt mir“

Vielen Dank für Ihre Klarstellung!
Könnten Sie mir bitte mitteilen, welches Gerät, welchen Browser und welche Version Sie verwendet haben?
Bei mir erscheint der Editor über dem Bildeditor. So sieht es bei mir aus:

4 „Gefällt mir“

Ah, ich verstehe, was hier vor sich geht. Könntest du es mit dem „Fokussierte Seitenleiste“-Theme testen, das nur für das Discourse-Team (und als Teil von Discourse for Teams) aktiviert ist?

Meine Vermutung ist, dass du den z-Wert noch ein kleines bisschen erhöhen musst. @markvanlan hilft hier mit.

4 „Gefällt mir“

@Nam Eine großartige Änderung für Zuschneiden/Drehen wurde zusammengeführt. Nach dem Klicken auf ein Bild (nur lokale Uploads) gibt es nun eine Auswahlstufe, um entweder zu annotieren oder zu zuschneiden/drehen. :clap:

Das einzige Problem ist derzeit ein weiteres z-Index-Problem, das jedoch das Zuschneiden-Modal betrifft (das z-Index des Annotieren-Modals ist korrekt). Das äußere Element des Zuschneiden-Modals hat keine stabile className, daher habe ich einen PR eröffnet für die cropro-Bibliothek, um eine hinzuzufügen.

Edit:
Ich habe das Repository geforkt und die kleine Änderung vorgenommen, die wir benötigen. Das z-Index-Problem besteht nicht mehr.

4 „Gefällt mir“

Es scheint, als gäbe es keine Lösung für das Problem, dass bearbeitete Bilder zu groß sind. Der Grund dafür ist, dass MarkerJs und Cropro die Bildgröße während der Bearbeitung festlegen.

3 „Gefällt mir“

Ich habe ein Problem, das nicht gelöst werden kann.

1 „Gefällt mir“

Es ist schon ein Jahr her, also frage ich aus Verzweiflung noch einmal, da hier so viel Potenzial steckt: Gibt es Hoffnung für Bilder, die auf S3 gehostet und über ein CDN bereitgestellt werden? :grin:

2 „Gefällt mir“

Meta nutzt S3 und CDN, und das funktioniert einwandfrei, wenn Sie das Bild gleichzeitig hochladen und bearbeiten möchten. AFAIK funktioniert das nicht bei der Bearbeitung bestehender Bilder.

1 „Gefällt mir“

Interessant, ich habe es auf einer anderen Seite ausprobiert, auf der derzeit alle Plugins und TCs deaktiviert sind, und ich habe das gleiche Problem. Es funktioniert jedoch, wenn S3 deaktiviert ist. Hast du eine Idee? Das Bild ist auch seltsam in die Breite gezogen; es sollte ein 2:3-Verhältnis haben, dehnt sich aber über die gesamte Breite des Bildschirms aus.

3 „Gefällt mir“

Haben Sie DISCOURSE_ENABLE_CORS: true in Ihrer app.yml?

2 „Gefällt mir“

Nein, ich habe diese Zeile nicht, und auch nichts in der Site-Einstellung cors-origins festgelegt.

1 „Gefällt mir“

Versuchen Sie, das einzurichten und neu zu erstellen.

2 „Gefällt mir“

Tritt weiterhin auf, nachdem Aktivierung/Neu-Start durchgeführt wurde. Muss ich etwas für cors-origins oder DISCOURSE_CORS_ORIGIN: festlegen?

1 „Gefällt mir“

Ich habe ein Problem: Ich kann „Erledigt" nicht bearbeiten.

2021-09-20_16-46-24

1 „Gefällt mir“

Wenn ich dies auf einem Smartphone versuche, wird nicht das aktuelle Bild bearbeitet, sondern das nächste Bild (neben dem aktuellen) ersetzt.

Könntest du das bitte prüfen?

1 „Gefällt mir“