25Aug

Forbedre din brugeroplevelse ved at tilføje svg grafiske editor til din hjemmeside på mindre end 2 minutter

click fraud protection
6 Dele: Demo af den nyeste version Integrer SVG Graphic Editor hjælp af en iframe fra den seneste stabile version via svn Load SVG Graphic Editor på din egen server Tips Tricks & amp;Advarsler Spørgsmål og svar Kommentarer

Dette er sandsynligvis den fedeste gratis add-on du kan integrere på din hjemmeside i 120 sekunder eller mindre.SVG er et gratis open source vektorgrafik editor, der er langt mere magtfulde end du måske først tror.Du kan blive overrasket over, at det har lag.Du kan indlæse grafik i bare ved at klikke og trække dem i. Det er endnu ikke tillade dig redigere grafikfiler du bringer ind, men du kan bruge disse billeder som objekter i din grafiske skabelse.SVG understøtter endda lag.De følgende instruktioner vil hjælpe dig med at lære hvordan man kan integrere denne grafik editor på din hjemmeside på bare et par minutter.Jeg vil også vise dig, hvordan du alternativt kan downloade kilden og tjene det op selv.Hertil kommer, som tiden tillader det, tilføjelser vil ske til denne wiki, herunder et par af de funktioner, den vil bringe til din brugerens oplevelse, når de besøger dit website.

instagram viewer

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp
Indhold
  • en Demo af den nyeste version
  • 2 Embed SVG Graphic Editor hjælp af en iframe fra den seneste stabile version via svn
  • 3 Load SVG Graphic Editor på din egen server
  • 4 Tips Tricks & amp;Advarsler
  • 5 spørgsmål og svar
    • 5.1 Brug delvise funktioner i SVG-editor i min ansøgning?
    • 5.2 Hvordan til SVG redigere installere databasen?
    • 5.3 Jeg har downloadet de src filer, men det virker ikke i browseren IE11?
    • 5.4 Fulgt alle trin: Jeg har en simpel wordpress site.Det lykkedes ikke at indlejre svg redigering.Hjælp anmodet?
    • 5.5 Hvem skal jeg kontakte for at udvikle en Online Print Editor hjælp SVG-redigering?
    • 5.6 Integrer maling værktøjer på et billede i webside?
    • 5.7 Lagring som png uden at bruge browseren og gemme på serveren?
  • 6 Kommentarer
Ad

Demo af den nyeste version

SVG er i aktiv udviklingmed 26 bidragende medlemmer, månedlige telefonmøder mv Tag et hurtigt kig på en demo af den nyeste version i udvikling.Jeg vil ikke anbefale dig at bruge denne ene på din hjemmeside, men det er sjovt at se på.Jeg anbefaler, at du bruger den nyeste stabile udgave i stedet.

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp

Embed SVG Graphic Editor hjælp af en iframe fra den seneste stabile version via svn

Du kan integrere direkte fra svn den seneste stabile udgave, som har den ekstra fordel af altid tjenernyeste version uden behov for dig at gøre noget.

& 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ælge at integrere en bestemt udgivelse direkte fra svn.På denne måde kan du checkout nye versioner før du slipper dem til dit websted besøgende.Når du er komfortabel du ønsker at udrulning den nye version kan du blot ændre versionsnummeret til den nyeste gren.

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp
& lt; iframe src = "http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html" width = "800" height = "700"& gt;& Lt; / iframe & gt;

Load SVG Graphic Editor på din egen server

Hosting SVG dig selv er let samt.Det tager kun marginalt længere tid at installere kildekoden på din server.Forudsat du har ssh adgang til din server, og at din server har to meget almindelige forsyningsselskaber, wget og lyne, vejledningen er følgende:

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp

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 output ikke vist for din komfort. .. sh-4.2 $ unzip svg-edit-2.6.zip. .. filer ikke vist for din komfort. .. sh-4.2 $ CD svg-edit-2,6 SH-4,2 $ mv*. . sh-4.2 $ cd. .

nu gå til http://yourdomain.com/svg/svg-editor.html

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp

Du bør se SVG-Edit app kører i din browser.

Tips Tricks & amp;Advarsler

  • Brug iframe embedded teknik har den ekstra fordel af instant opgraderinger til den nyeste version, som de bliver tilgængelige.På den anden side, hvis dette projekt var at ændre dens udgivelse format, eller frigive en ny version med bug, vil dine brugere blive påvirket negativt.
  • Hvis du vælger at downloade SVG og hoste det på din server, så glem ikke at tjekke for opdateringer med jævne mellemrum at give dine brugere den ekstra fordel af nyligt udgivet funktioner.
  • Alle større browsere er understøttet native kloge undtagen, du gættede det, dvs. som kræver Chrome Frame Plugin
  • overveje at donere til dette projekt, er det alvorligt cool at have denne form for magt i en webbrowser.

Spørgsmål og svar

Brug delvise funktioner i SVG-editor i min ansøgning?

Hej, jeg ønsker at udvikle en web-applikation med nogle af de grafiske funktion jeg ser på svg editor.Jeg vil have en minimal del, som vil være nyttige i mit projekt.Skal jeg bare hente koden og ændre det, eller er der nogen bibliotek og API som jeg kan bruge til at få forskellige funktion, som kan bruges i mit projekt.hvordan virker det? Thanks & amp;Hilsen

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

Hvordan til SVG redigere installere databasen?

Jeg ønsker at skabe hvide bord ved hjælp af svg-edit

Det vil kun fungere, hvis du bruger Internet Explorer version 6, 7 eller 8. Du kan også gøre det arbejde med andre typer af SVG plugin.

Jeg har downloadet de src filer, men det virker ikke i browseren IE11?

Når jeg åbner svg-editor.html, hvad den vise er bare rammen, ingen billeder eller svar

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

Fulgt alle trin: Jeg har en simpel wordpress site.Det lykkedes ikke at indlejre svg redigering.Hjælp anmodet?

iFrame ikke vises i krom eller andre

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

Hvem skal jeg kontakte for at udvikle en Online Print Editor hjælp SVG-redigering?

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

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

Integrer maling værktøjer på et billede i webside?

jeg vil bruge maling værktøjer til et billede på en webside.Jeg ønsker at gøre markeringer på billedet i websiden

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

Lagring som png uden at bruge browseren og gemme på serveren?

Hej, null, Sorry for mit dårlige engelsk.Normalt taler flamsk, og jeg har ikke lært engelsk i skolen.I mit projekt bruger jeg SVG-redigering til at oprette en tegning, der indsættes i en pdf-fil.Jeg bruger PHP og FPDF, men FPDF kan ikke vise SVG-filer i pdf, så jeg ønsker at konvertere dem til png, som kan indsættes godt.Mine brugere kun ønsker at bruge 'Gem' for at gemme billedet.I konfigurationsfilen, har jeg ikke fundet noget at sætte i det.Håber du forstår mit problem, kan der være og nøglefærdig løsning eksisterer.Tak på forhånd.

Var disse oplysninger nyttige?Ja |ingen |Jeg har brug for hjælp

VisiHow QnA.Dette afsnit er ikke skrevet endnu.Vil du være med?Klik EDIT at skrive dette svar.

  • Hvis du har problemer med nogen af ​​disse trin, stille et spørgsmål om mere hjælp, eller skrive i kommentarfeltet nedenfor.

Kommentarer

VisiHow hilser alle kommentarer .Hvis du ikke ønsker at være anonym, registrere eller logge ind. Det er gratis.




Neomann
Premier Forfatter
1 Artikler Startede
33 Artikel Edits
2.900 Points
Neomann er en førende forfatter med VisiHow.Neomann har opnået niveauet for "korporal" med 2.900 point.Neomann har startet 1 artikler og gjort 33 ARTIKEL redigeringer.5.763 mennesker har læst Neomann s artiklen bidrag.
Ask Neomann
Neomann : Hej, mit navn er Neomann.
Neomann : Kan jeg hjælpe dig med dit problem om "Forbedre din brugerens oplevelse ved at tilføje svg grafiske editor til din hjemmeside på mindre end 2 minutter"?
Accepter