# Annotatore di immagini - Permette di annotare immagini nel visualizzatore
**URL:** https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936
**Category:** Theme component
**Tags:** pr-welcome
**Created:** [24 Agosto 2020, 7:43pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936 "2020-08-24T19:43:08Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@chz062009](https://meta.discourse.org/u/chz062009)
#### Post date: [24 Agosto 2020, 7:43pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/1 "2020-08-24T19:43:08Z")
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](https://github.com/discourse/discourse-image-annotator)
## Video dimostrativo
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [24 Agosto 2020, 9:38pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/2 "2020-08-24T21:38:29Z")
Ottimo lavoro! È stato testato con immagini ospitate su S3? Sto ricevendo un errore di richiesta cross-origin quando S3 è abilitato.
https://www.loom.com/embed/44834802766f4a3db9e906fd47ba8316
---
### Author:  [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [25 Agosto 2020, 10:21am UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/3 "2020-08-25T10:21:39Z")
Grazie mille. È fantastico.
---
### Author:  [@chz062009](https://meta.discourse.org/u/chz062009)
#### Post date: [26 Agosto 2020, 5:08pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/4 "2020-08-26T17:08:45Z")
Ciao @davidkingham,
Grazie per la segnalazione dettagliata del problema. Mentre cerchiamo di risolvere questa questione, una soluzione alternativa consiste nel caricare l’immagine dai tuoi dispositivi locali, invece di caricarla da fonti online. 🙂
---
### Author:  [@davidkingham](https://meta.discourse.org/u/davidkingham)
#### Post date: [26 Agosto 2020, 6:05pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/5 "2020-08-26T18:05:43Z")
Grazie Chun, ma non è la stessa cosa. Sto caricando da un dispositivo locale, ma l’immagine viene caricata su un endpoint S3 ed è lì che sorge il problema.
---
### Author:  [@Zup](https://meta.discourse.org/u/Zup)
#### Post date: [19 Settembre 2020, 1:42pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/6 "2020-09-19T13:42:01Z")
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]?
---
### Author:  [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [3 Ottobre 2020, 7:47am UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/7 "2020-10-03T07:47:56Z")
Esiste una funzione che permette di scrivere su una foto?
---
### Author:  [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [3 Ottobre 2020, 5:46pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/8 "2020-10-03T17:46:33Z")
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à!
---
### Author:  [@meglio](https://meta.discourse.org/u/meglio)
#### Post date: [9 Ottobre 2020, 4:08am UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/9 "2020-10-09T04:08:07Z")
È possibile modificare le annotazioni dopo che il post è stato salvato?
---
### Author:  [@Heather\_Dudley](https://meta.discourse.org/u/Heather_Dudley)
#### Post date: [13 Ottobre 2020, 3:06pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/10 "2020-10-13T15:06:53Z")
Non sembra proprio. L’immagine viene salvata di nuovo quando hai finito di modificarla.
---
### Author:  [@vliboolean1010](https://meta.discourse.org/u/vliboolean1010)
#### Post date: [18 Ottobre 2020, 11:29pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/11 "2020-10-18T23:29:34Z")
Al momento non sono presenti funzionalità di questo tipo.
---
### Author:  [@Bank\_Live](https://meta.discourse.org/u/Bank_Live)
#### Post date: [13 Maggio 2021, 3:28pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/12 "2021-05-13T15:28:42Z")
Errore nella scrittura delle immagini
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [13 Maggio 2021, 10:55pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/13 "2021-05-13T22:55:04Z")
Ho spostato questo post in #customization:theme:broken-theme e ho aggiunto il tag #pr-welcome.
Ritengo che abbia bisogno di un po’ di lavoro e supporto per diventare un componente tema ufficialmente consigliato.
---
### Author:  [@Nam](https://meta.discourse.org/u/Nam)
#### Post date: [28 Maggio 2021, 2:54pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/17 "2021-05-28T14:54:11Z")
Ho risolto alcuni problemi nell’annotazione delle immagini.
Ecco il link alla PR:
[https://github.com/discourse/discourse-image-annotator/pull/49#issue-655300799](https://github.com/discourse/discourse-image-annotator/pull/49#issue-655300799)
---
### Author:  [@markvanlan](https://meta.discourse.org/u/markvanlan)
#### Post date: [28 Maggio 2021, 3:35pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/18 "2021-05-28T15:35:08Z")
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?
---
### Author:  [@Nam](https://meta.discourse.org/u/Nam)
#### Post date: [7 Giugno 2021, 5:17pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/19 "2021-06-07T17:17:30Z")
Ecco il link alla PR per la rimozione di Jquery:
>
>
> Changed all the Jquery into the JavaScript.
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [9 Giugno 2021, 1:29am UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/21 "2021-06-09T01:29:00Z")
Mi chiedo se possiamo aggiungere i controlli “ritaglia” e “ruota” al componente; sembra qualcosa che sarebbe super utile.
---
### Author:  [@Nam](https://meta.discourse.org/u/Nam)
#### Post date: [9 Giugno 2021, 3:03pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/24 "2021-06-09T15:03:25Z")
Lo controllerò il prima possibile!
---
### Author:  [@sam](https://meta.discourse.org/u/sam)
#### Post date: [10 Giugno 2021, 1:29am UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/25 "2021-06-10T01:29:46Z")
Nessuna fretta, sono molto entusiasta di vedere che questo componente sta ricevendo attenzione, ha un grande potenziale.
---
### Author:  [@Nam](https://meta.discourse.org/u/Nam)
#### Post date: [10 Giugno 2021, 9:03pm UTC](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936/26 "2021-06-10T21:03:55Z")
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.
[Next page](https://meta.discourse.org/t/image-annotator-allows-you-to-annotate-images-in-the-previewer/161936.md?page=2)