Migliora la tua esperienza utente con l'aggiunta di SVG Editor grafico al tuo sito web in meno di 2 minuti

Questo è probabilmente il più cool add-on gratuito è possibile incorporare nel tuo sito web o meno 120 secondi.SVG è un editor gratuito grafica vettoriale open source che è molto più potente di quanto si possa pensare prima.Si può essere sorpresi che ha strati.È possibile caricare la grafica in semplicemente cliccando e trascinandoli. Non ha ancora permesso di modificare i file grafici si mettono in, ma è possibile utilizzare queste immagini come oggetti nella vostra creazione grafica.SVG supporta anche strati.Le seguenti istruzioni vi aiuterà a imparare come incorporare questo editor di grafica nel tuo sito web in appena un paio di minuti.Mi si mostrerà anche come si può in alternativa, scaricare il codice sorgente e servire su voi stessi.Inoltre, come il tempo lo permette, saranno effettuati a questo wiki aggiunte, tra cui alcune delle caratteristiche che porterà l'esperienza per l'utente quando visitano il tuo sito web.

SVG è in fase di sviluppocon 26 membri che contribuiscono, chiamate in conferenza mensile ecc Prendere una rapida occhiata ad una demo della nuova versione in fase di sviluppo.Non consiglio di utilizzare questo uno sul tuo sito web, ma la sua divertente da guardare.Vi consiglio di usare l'ultima versione stabile, invece.

È possibile incorporare direttamente da SVN l'ultima versione stabile, che ha il vantaggio di servire sempre laultima versione senza la necessità per voi di fare qualsiasi cosa.

& lt; iframe src = "http://svg-edit.googlecode.com/svn/tags/stable/editor/svg-editor.html" width = "800" height = "700" & gt;& Lt; / iframe & gt;

In alternativa si può scegliere di incorporare una particolare release direttamente da SVN.In questo modo si può checkout nuove versioni prima di rilasciarli ai visitatori del tuo sito.Una volta che si sono confortevoli che si desidera roll-out della nuova versione si può semplicemente cambiare il numero di versione per l'ultimo ramo.

& lt; iframe src = "http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html" width = "800" height = "700"& gt;& Lt; / iframe & gt;

Hosting SVG te è facile come bene.Si richiede solo marginalmente più tempo per installare il codice sorgente sul server.Supponendo di avere accesso SSH al server, e che il server ha due utility molto comuni, wget e decomprimere, le istruzioni sono i seguenti:

sh-4.2 $ mkdir svg sh-4.2 $ CD svg sh-4.2 $ wget http://svg-edit.googlecode.com/files/svg-edit-2.6.zip. .. uscita wget non mostrato per la vostra comodità. .. sh-4.2 $ unzip svg-edit-2.6.zip. .. non i file mostrato per la vostra comodità. .. sh-4.2 $ CD sh-4.2 $ mv SVG-edit-2.6*. . sh-4.2 $ cd. . Ora

individuare http://yourdomain.com/svg/svg-editor.html

Si dovrebbe vedere il SVG-Edit applicazione in esecuzione nel browser.

• Utilizzando l'iframe incorporato tecnica ha il vantaggio di aggiornamenti istantanei alla versione più recente non appena saranno disponibili.D'altra parte, se questo progetto dovesse cambiare il suo formato di rilascio, o rilasciare una nuova versione con bug, gli utenti sarebbero pregiudicati.
• Se si sceglie di scaricare SVG e ospitarlo sul server, non dimenticate di controllare gli aggiornamenti periodicamente per offrire agli utenti il ​​vantaggio di caratteristiche appena rilasciati.
• Tutti i browser principali sono supportati nativo saggio eccezione, avete indovinato, cioè che richiede la cornice Chrome Plugin
• una donazione a questo progetto, è davvero interessante per avere questo tipo di potere in un browser web.

Utilizzo delle funzioni parziali di SVG-redattore nella mia applicazione?

Ciao, voglio sviluppare un'applicazione web con alcune delle immagini caratteristica che vedo nell'editor SVG.Voglio una minima parte che sarà utile nel mio progetto.Devo scaricare semplicemente il codice e modificarlo o c'è qualche biblioteca e API che posso usare per ottenere funzione diversa che può essere utilizzato nel mio progetto.Come funziona? Grazie & amp;Saluti

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

Come SVG-edit installare al database?

voglio creare scheda bianca utilizzando SVG-edit

Essa funziona solo se si utilizza Internet Explorer versione 6, 7 o 8. È inoltre possibile farlo funzionare con altri tipi di plugin SVG.

Ho scaricato il file src, ma non funziona nel browser IE11?

Quando apro il SVG-editor.html, ciò che mostra è solo la cornice, niente foto o risposta

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

seguire tutte le fasi: Ho un semplice sito WordPress.Impossibile incorporare SVG-edit.Aiuto richiesto?

l'IFRAME non compare in cromo o in qualsiasi altro

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

Chi devo contattare per lo sviluppo di un editor di Stampa Online utilizzando SVG-edit?

desidera creare un editor di stampa online simile a http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

Incorpora strumenti di disegno su un'immagine nella pagina web?

voglio usare gli strumenti di disegno a un'immagine in una pagina web.Voglio fare le marcature sull'immagine pagina web

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

risparmio come png senza utilizzare il browser, e salvare sul server?

Hi, null, Ci dispiace per il mio povero inglese.Normalmente parlando fiamminga e non ho imparato l'inglese a scuola.Nel mio progetto io uso SVG-edit per creare un disegno che inserisce in un file PDF.Io uso PHP e FPDF, ma FPDF non riesco a visualizzare i file SVG in pdf, quindi voglio convertirli in png, che può essere inserito bene.I miei utenti vogliono solo usare 'Salva' per salvare l'immagine.Nel file di configurazione, non ho trovato nulla per mettere in esso.Spero che tu capisca il mio problema, ci potrebbe essere ed esiste una soluzione chiavi in ​​mano.Grazie in anticipo.

VisiHow QnA.Questa sezione non è stato ancora scritto.Vuoi partecipare?Fai clic su modifica di scrivere questa risposta.

• In caso di problemi con uno di questi passaggi, fare una domanda per ulteriori informazioni, oppure inserire nella sezione commenti qui sotto.