Forbedre brukeropplevelsen ved å legge til SVG grafisk redaktør for nettstedet ditt på mindre enn 2 minutter

Dette er trolig den kuleste gratis add-on du kan legge inn i din webside i 120 sekunder eller mindre.SVG er et gratis åpen kildekode vektorgrafikk editor som er mye kraftigere enn du kanskje først tror.Du kan bli overrasket over at det har lag.Du kan laste grafikk i bare ved å klikke og dra dem i. Det betyr likevel ikke at du redigere grafiske filer du tar i, men du kan bruke disse bildene som objekter i grafisk kreasjon.SVG støtter til og med lag.Følgende instruksjoner vil hjelpe deg å lære hvordan du bygger dette grafikk redaktør i nettstedet ditt på bare et par minutter.Jeg vil også vise deg hvordan du kan alternativt laste ned kilde og serverer den opp selv.I tillegg, som tiden tillater det, tilleggene vil bli gjort på denne wikien, inkludert noen av de funksjonene den vil bringe til din brukerens opplevelse når de besøker nettstedet ditt.

SVG er i aktiv utviklingmed 26 medvirkende medlemmer, månedlig konferansesamtaler etc. Ta en rask titt på en demo av den nyeste versjonen i utvikling.Jeg vil ikke anbefale deg å bruke denne på nettstedet ditt, men det er gøy å se på.Jeg anbefaler at du bruker den siste stabile utgaven i stedet.

Du kan legge inn direkte fra svn den siste stabile utgaven som har den ekstra fordelen av alltid å tjenenyeste versjonen uten at du behøver å gjøre noe.

& 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 velge å legge inn en bestemt utgivelse direkte fra svn.På denne måten kan hente nye versjoner før du slipper dem til ditt nettsted besøkende.Når du er komfortabel du vil rulle ut den nye versjonen kan du bare endre versjonsnummeret til den nyeste 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 selv er enkelt også.Det tar bare litt lengre tid å installere kildekoden på serveren din.Antar du har ssh tilgang til serveren din, og at serveren har to svært vanlige hjelpemidler, wget og pakk, instruksjoner er som følger:

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 utgang ikke vist for din komfort. .. sh-4.2 $ unzip svg-edit-2.6.zip. .. filer som ikke er vist for din komfort. .. sh-4.2 $ CD SVG-edit-2.6 sh-4.2 $ mv*. . sh-4.2 $ cd. .

nå bla til http://yourdomain.com/svg/svg-editor.html

Du bør se SVG-Edit app som kjører i nettleseren din.

• Bruke iframe innebygde teknikken har den ekstra fordelen av umiddelbar oppgraderinger til den nyeste versjonen som de blir tilgjengelige.På den annen side hvis dette prosjektet var å endre sin utgivelse format, eller slippe en ny versjon med feil, vil brukerne bli negativt påvirket.
• Hvis du velger å laste ned SVG og vert det på serveren din, ikke glem å se etter oppdateringer med jevne mellomrom for å gi brukerne den ekstra fordelen av nylig utgitte funksjoner.
• Alle de store nettleserne støttes innfødte klok unntatt, du gjettet det, dvs. som krever Chrome Frame Plugin
• vurdere å donere til dette prosjektet, er det alvorlig kult å ha slik makt i en nettleser.

Bruke delvis funksjonene i SVG-redaktør i søknaden min?

Hei, jeg ønsker å utvikle en webapplikasjon med noen av grafikken funksjonen jeg ser i svg redaktør.Jeg vil ha en minimal del som vil være nyttig i mitt prosjekt.Må jeg bare laste ned koden og endre det eller er det noen bibliotek og API-er som jeg kan bruke for å få annen funksjon som kan brukes i prosjektet mitt.hvordan virker det? Takk & amp;Hilsen

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

Hvordan SVG redigere installere til databasen?

Jeg ønsker å lage hvite bord ved hjelp av SVG-edit

Det fungerer bare hvis du bruker Internet Explorer versjon 6, 7 eller 8. Du kan også gjøre det arbeidet med andre typer SVG plugins.

jeg har lastet ned de src filer, men det fungerer ikke i nettleseren IE11?

Når jeg åpner SVG-editor.html, hva det viser er bare rammen, ingen bilder eller respons

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

fulgt alle trinnene: Jeg har en enkel WordPress nettsted.Kunne ikke legge svg redigere.Hjelp spurt?

iFrame vises ikke i krom eller andre

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

Hvem kontakter jeg for utvikling av en Online Print Editor med SVG-redigering?

Vil du lage en Online Print Editor lik http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

Embed maling verktøy på et bilde i websiden?

jeg ønsker å bruke maling verktøy til et bilde i en webside.Jeg ønsker å gjøre markeringer på bildet i websiden

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

Lagre som png uten å bruke nettleseren, og lagre på server?

Hei, null, Sorry for min dårlige engelsk.Normalt sett flamsk og jeg har ikke lært engelsk på skolen.I mitt prosjekt bruker jeg SVG-redigering for å lage en tegning som setter inn en pdf-fil.Jeg bruker PHP og FPDF, men FPDF kan ikke vise SVG-filer i pdf, så jeg ønsker å konvertere dem til png, som kan settes inn i tillegg.Mine brukere bare vil bruke 'Lagre' for å lagre bildet.I konfigurasjonsfilen, har jeg ikke funnet noe å sette i den.Håper du forstår mitt problem, kan det være og nøkkelferdig løsning eksisterer.Takk på forhånd.

VisiHow KNR.Denne delen er ikke skrevet ennå.Lyst til å delta?Klikk på EDIT for å skrive dette svaret.

• Hvis du har problemer med noen av disse trinnene, stille et spørsmål om mer hjelp, eller legge i kommentarfeltet nedenfor.