Annotatore di immagini - Permette di annotare immagini nel visualizzatore

Ciao a tutti,

Insieme al mio compagno di squadra @vliboolean1010, siamo entusiasti di presentarvi il nuovo componente tema Discourse: Image Annotator.

Ogni volta che fai clic su un’immagine nell’editor, vengono attivate le seguenti funzionalità:

  • Aggiungi riquadri, forme, frecce e testo
  • Evidenzia o censura parti dell’immagine
  • Seleziona e modifica il colore delle annotazioni
  • Le immagini annotate vengono aggiornate automaticamente dopo aver fatto clic su Salva
  • Supporta browser tra cui Safari, Firefox, Chrome e iOS Safari
  • (La funzione di ritaglio dell’immagine è in fase di sviluppo)

Schermata di installazione

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

Video dimostrativo

46 Mi Piace

Nice work! Has this been tested with images hosted on s3? I’m getting a cross origin request error when s3 is enabled.

9 Mi Piace

Thank you very much. It is awesome

7 Mi Piace

Hi @davidkingham,

Thank you for the detailed reporting of the issue. As we are trying to solve this issue, one alternative solution will be uploading the image from your local devices, instead of uploading it from online sources. :slight_smile:

4 Mi Piace

Thanks Chun, but that’s not the same thing. I am uploading from a local device but the image is being uploaded to an s3 endpoint and that’s where the problem comes in.

8 Mi Piace

Penso che questo potrebbe essere utilizzato per filigranare automaticamente le foto con il nome utente, ma non sono sicuro di come procedere. Forse un altro pulsante che stampa [username]@[dominio del sito]?

3 Mi Piace

Esiste una funzione che permette di scrivere su una foto?

4 Mi Piace

Ecco il mio problema. Quando carico un’immagine grande (ad esempio, uno screenshot del nostro forum per un tutorial), il sistema ne limita automaticamente la visualizzazione in base alle mie impostazioni per l’immagine massima. Questo è un problema perché, se l’immagine è grande, viene ridimensionata a dimensioni irrimediabilmente piccole e non riesco a modificare la versione più grande.

In pratica, questo la rende utile solo per immagini più piccole delle impostazioni per l’immagine inglobata (oneboxed); le nostre sono impostate, ad esempio, a 400 x 400.

In questa immagine, si vedono le stesse due immagini, una delle quali è stata modificata con questo componente. Il componente la rende illeggibile.

Se poteste configurarlo in modo che sia possibile modificare l’immagine originale e non quella inglobata, sarebbe assolutamente eccezionale.

Ottimo inizio comunque, e vedo chiaramente la sua utilità!

4 Mi Piace

È possibile modificare le annotazioni dopo che il post è stato salvato?

3 Mi Piace

Non sembra proprio. L’immagine viene salvata di nuovo quando hai finito di modificarla.

4 Mi Piace

Al momento non sono presenti funzionalità di questo tipo.

4 Mi Piace

Errore nella scrittura delle immagini

ftOaYJktEr

2 Mi Piace

Ho spostato questo messaggio in #theme:broken-theme e ho aggiunto il tag pr-welcome.

Ritengo che abbia bisogno di un buon lavoro e supporto per diventare un componente tema raccomandato a tutti gli effetti.

6 Mi Piace

Ho risolto alcuni problemi nell’annotazione delle immagini.
Ecco il link alla PR:
https://github.com/discourse/discourse-image-annotator/pull/49#issue-655300799

6 Mi Piace

Fantastico, grazie Nam. Non dà più errori e salva l’immagine, quindi è una bella novità

Ho notato mentre creavo il capolavoro sopra che ci sono diverse piccole cose fastidiose nell’uso di questo strumento. Più volte l’annotazione si è inizializzata nella posizione sbagliata. Sia la barra degli strumenti che l’area di modifica erano spostate a metà pagina. Pensi di poter capire perché succede?

6 Mi Piace

Ecco il link alla PR per la rimozione di Jquery:

7 Mi Piace

Mi chiedo se possiamo aggiungere i controlli “ritaglia” e “ruota” al componente; sembra qualcosa che sarebbe super utile.

9 Mi Piace

Lo controllerò il prima possibile!

6 Mi Piace

Nessuna fretta, sono molto entusiasta di vedere che questo componente sta ricevendo attenzione, ha un grande potenziale.

9 Mi Piace

Mentre lavoravamo con @markvanlan, abbiamo realizzato che è disponibile una nuova versione di markerjs.
Le immagini possono essere modificate nel popup. Questo risolverà molti problemi.
Sto lavorando su una PR ora.

9 Mi Piace