Förbättra användarupplevelsen genom att lägga till svg grafisk editor till din webbplats på mindre än 2 minuter

Detta är förmodligen den coolaste gratis add-on du kan bädda in i din webbplats i 120 sekunder eller mindre.SVG är ett gratis open source vektorgrafik editor som är mycket kraftfullare än du kanske först tror.Du kan bli förvånad över att det har lager.Du kan läsa in grafik i bara genom att klicka och dra dem i. Det har ännu inte tillåter dig att redigera bildfiler du ta in, men du kan använda dessa bilder som objekt i din grafiska skapelse.SVG stödjer även lager.Följande instruktioner hjälper dig att lära hur man bädda in grafik redaktör på din hemsida på bara ett par minuter.Jag kommer också att visa dig hur du alternativt kan ladda ner källkoden och servera upp det själv.Dessutom, i mån av tid, kommer att läggas till denna wiki, inklusive några av de funktioner som det kommer att innebära för din användarens upplevelse när de besöker din webbplats.

SVG är under aktiv utvecklingmed 26 medlemmar som lämnar bidrag, månatliga telefonkonferenser etc. Ta en snabb titt på en demo av den nyaste versionen i utvecklingen.Jag rekommenderar inte att du använder den här på din webbplats, men det är roligt att titta på.Jag rekommenderar att du använder den senaste stabila versionen i stället.

Du kan bädda in direkt från svn den senaste stabila versionen som har den extra fördelen att alltid tjänasenaste versionen utan att du behöver göra något.

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

Alternativt kan du välja att bädda in en viss frisättning direkt från SVN.På så sätt kan du kassan nya versioner innan du släpper dem till dina besökare.När du är bekväm att du vill bygga ut den nya versionen kan du enkelt ändra versionsnumret till den senaste grenen.

& 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 själv är lätt också.Det tar bara marginellt längre tid att installera källkoden på servern.Förutsatt att du har SSH-åtkomst till din server och att servern har två mycket vanliga verktyg, wget och packa, instruktioner är följande:

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. .. wget produktionen inte visas för din bekvämlighet. .. sh-4,2 $ packa svg-edit-2.6.zip. .. filer inte visas för din bekvämlighet. .. sh-4,2 $ CD svg-edit-2,6 SH-4,2 $ mv*. . sh-4,2 $ CD. .

bläddra nu till http://yourdomain.com/svg/svg-editor.html

Du bör se SVG-Edit appen körs i webbläsaren.

• Använda iframe inbäddad teknik har den extra fördelen av omedelbar uppgraderingar till den senaste versionen när de blir tillgängliga.Å andra sidan, om detta projekt skulle ändra dess release format, eller släppa en ny version med bugg, skulle användarna påverkas negativt.
• Om du väljer att ladda ner SVG och lägga upp den på din server, glöm inte att söka efter uppdateringar med jämna mellanrum för att ge användarna den extra fördelen av nyutgivna funktioner.
• Alla större webbläsare stöds native vis utom, du gissade rätt, är det vill säga som kräver Chrome Frame Plugin
• överväga att donera till detta projekt det på allvar coolt att ha denna typ av makt i en webbläsare.

Använda partiella funktioner i svg-editor i min ansökan?

Hej, jag vill utveckla en webbapplikation med några av de Graphics jag ser i svg redaktör.Jag vill ha en liten del som kommer att vara till nytta i mitt projekt.Måste jag helt enkelt hämta koden och ändra det eller är det något bibliotek och API som jag kan använda för att få olika funktion som kan användas i mitt projekt.hur fungerar det? Tack & amp;Hälsningar

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

Så svg redigera installera till databasen?

Jag vill skapa whiteboard med hjälp av SVG-edit

Det fungerar bara om du använder Internet Explorer version 6, 7 eller 8. Du kan också få det att fungera med andra typer av svg plugins.

Jag har hämtat src filer, men det fungerar inte i webbläsaren IE11?

När jag öppnar svg-editor.html, vad det visar är bara ramen, inga bilder eller svar

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

följt alla steg: Jag har en enkel Wordpress webbplats.Det gick inte att bädda in svg redigera.Hjälpa begärt?

iFrame inte dyker upp i krom eller någon annan

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

Vem kontaktar jag för att utveckla en Online Print Editor med hjälp av SVG-edit?

Vill du skapa en online Skriv Editor liknar http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

Bädda målarverktyg på en bild i webbsida?

Jag vill använda färg verktyg till en bild på en webbsida.Jag vill göra markeringar på bilden webbsidan

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

Spara som PNG utan att använda webbläsaren och spara på servern?

Hej, null, Ledsen för min dåliga engelska.Normalt sett flamländska och jag har inte lärt sig engelska i skolan.I mitt projekt jag använder SVG-edit för att skapa en ritning som sätter in en pdf-fil.Jag använder PHP och fpdf, men fpdf kan inte visa SVG-filer i pdf, så jag vill konvertera dem till png, som kan sättas in väl.Mina användare bara vill använda "spara" för att spara bilden.I konfigurationsfilen, har jag inte hittat något att sätta i det.Hoppas du förstår mitt problem, kan det vara och nyckelfärdig lösning existerar.Tack på förhand.

VisiHow QnA.Detta avsnitt är inte skrivit ännu.Vill du vara med?Klicka EDIT att skriva detta svar.

• Om du har problem med något av dessa steg, ställa en fråga om mer hjälp, eller lägga i kommentarerna nedan.