25Aug

Poprawić doświadczenia użytkownika poprzez dodanie edytora grafiki SVG do swojej strony internetowej w mniej niż 2 minuty

6 części: Demo najnowszej wersji HTML SVG edytora graficznego za pomocą iframe z najnowszej stabilnej wersji poprzez svn obciążenia SVG edytora graficznego na własnym serwerze Tips Tricks & amp;Ostrzeżenia Pytania i odpowiedzi Uwagi

To chyba najfajniejsza darmowy dodatek można umieścić na swojej stronie internetowej w ciągu 120 sekund lub mniej.SVG jest darmowa grafiki wektorowe open source edytor, który jest o wiele bardziej wydajny niż można najpierw pomyśleć.Możesz być zaskoczony, że ma warstwy.Można załadować grafikę w prostu klikając i przeciągając je. To jeszcze nie pozwala edytować pliki graficzne, które przyniosą, ale można korzystać z tych obrazów jako przedmiotów w graficznym stworzenia.SVG nawet obsługuje warstw.Poniższe wskazówki pomogą Ci dowiedzieć się, jak umieścić ten edytor grafiki do swojej strony internetowej w ciągu zaledwie kilku minut.Pokażę również, jak można ewentualnie pobrać źródła i podawać go samemu.Ponadto, jak czas pozwoli, dodatki będzie zrobiony na tej wiki, w tym niektóre z cech, jakie przyniesie ona swojego doświadczenia użytkownika, które odwiedzają Twoją witrynę.

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy
Zawartość
  • 1 Demo najnowszej wersji
  • 2 HTML SVG edytor graficzny za pomocą iframe z najnowszej stabilnej wersji poprzez svn
  • 3 obciążenia SVG edytor graficzny na własnym serwerze
  • 4 Tips Tricks & amp;Ostrzeżenia
  • 5 pytania i odpowiedzi
    • 5,1 Korzystanie częściowe funkcje edytor SVG w mojej aplikacji?
    • 5,2 Jak do SVG edit zainstalować w bazie danych?
    • 5,3 Pobrałem SRC pliki, ale to nie działa w przeglądarce IE11?
    • 5,4 śledziła wszystkie etapy: Mam proste witryna oparta na WordPressie.Nie udało się osadzić zmienił SVG.Pomoc wymagane?
    • 5,5 kim mam się skontaktować w sprawie opracowania Online Print Editor wykorzystaniem SVG-edit?
    • 5.6 wklejenia narzędzia farby na obrazie w sieci Web?
    • 5,7 Zapisywanie jako png bez korzystania z przeglądarki i zapisać na serwerze?
  • 6 Komentarze
Ad

demo najnowszej wersji

SVG jest aktywnie rozwijanyprzyczyniających się 26 członków, comiesięczne telekonferencje itp Weź szybki okiem na demo najnowszej wersji w rozwoju.Nie polecam korzystania z tego jeden na swojej stronie, ale jego zabawy patrzeć.Polecam skorzystać z najnowszą stabilną wersję zamiast.

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy

HTML SVG edytora graficznego za pomocą iframe z najnowszej stabilnej wersji poprzez svn

można osadzać bezpośrednio z svn najnowszej stabilnej wersji, która ma dodatkową zaletę, zawsze służącnajnowsza wersja bez potrzeby, aby zrobić cokolwiek.

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

Alternatywnie można wybrać, aby osadzić danej wersji bezpośrednio z SVN.W ten sposób można sprowadzić nowe wersje przed wypuszczeniem ich do swoich odwiedzających.Raz, że są wygodne chcesz roll-out nowej wersji można po prostu zmienić numer wersji do najnowszej gałęzi.

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy
& lt; iframe src = "http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html" width = "800" height = "700"& gt;& Lt; / iframe & gt;

obciążenia SVG edytor graficzny na własnym serwerze

Hosting SVG się łatwo, jak również.To trwa tylko nieznacznie dłużej, aby zainstalować kod źródłowy na serwerze.Zakładając, że masz ssh dostęp do serwera, a serwer posiada dwie bardzo popularne narzędzia, wget i rozpakować, instrukcje są następujące:

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy

SH-4.2 $ mkdir SVG sh-4.2 $ SVG CD SH-4.2 $ wget http://svg-edit.googlecode.com/files/svg-edit-2.6.zip. .. wyjście wget nie pokazano dla Twojej wygody. .. sh-4.2 $ rozpakuj svg-edit-2.6.zip. .. pliki nie pokazano dla Twojej wygody. .. sh-4.2 $ CD SVG-edit-2.6 SH-4.2 $ mv*. . sh-4.2 $ cd. .

teraz przejdź do http://yourdomain.com/svg/svg-editor.html

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy

Powinieneś zobaczyć SVG-Edit aplikacja działa w przeglądarce.

Tips Tricks & amp;Ostrzeżenia

  • Korzystanie z iframe osadzonych technika ma dodatkową zaletę natychmiastowej aktualizacji do najnowszej wersji, gdy tylko staną się one dostępne.Z drugiej strony, jeśli ten projekt byli zmienić jego format zwalniania lub wydać nową wersję z błędem, użytkownicy zostałyby naruszone.
  • Jeśli zdecydujesz się pobrać SVG i przyjmującego go na serwerze, nie zapomnij, aby sprawdzić dostępność aktualizacji okresowo, aby dać użytkownikom dodatkowe korzyści z nowo wydany funkcji.
  • wszystkich głównych przeglądarek obsługuje natywne mądry wyjątkiem, zgadliście, to znaczy co wymaga wtyczki Chrome Frame
  • Rozważmy dotacje na ten projekt, to poważnie fajnie mieć ten rodzaj władzy w przeglądarce internetowej.

Pytania i odpowiedzi

Korzystanie częściowe funkcje edytor SVG w mojej aplikacji?

Witam, Chcę rozwijać aplikację internetową z niektórych grafik feature widzę w edytorze SVG.Chcę minimalną część, która będzie przydatna w moim projekcie.Czy mam po prostu pobrać kod i zmodyfikować go, czy jest tam niektóre biblioteki i API, które można użyć, aby uzyskać inną cechę, która może być użyta w moim projekcie.jak to działa? Dzięki & amp;Chodzi

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

Jak do SVG edit zainstalować w bazie danych?

Chcę utworzyć tablicy za pomocą SVG-edit

Będzie działać tylko wtedy, gdy używasz Internet Explorer w wersji 6, 7 lub 8. Można również pracować z innymi rodzajami wtyczek svg,

Pobrałem SRC pliki, ale to nie działa w przeglądarce IE11?

Gdy otwieram SVG editor.html, co wyświetlane jest tylko ramka, żadnych zdjęć lub odpowiedź

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

śledziła wszystkie etapy: Mam proste witryna oparta na WordPressie.Nie udało się osadzić zmienił SVG.Pomoc wymagane?

iFrame nie pojawi się w chromie lub innej

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

kim mam się skontaktować w sprawie opracowania Online Print Editor wykorzystaniem SVG-edit?

Chcesz stworzyć Online Print Edytor podobny do http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39~~HEAD=pobj

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

HTML narzędzia farby na obrazie w sieci Web?

chcę użyć narzędzi malarskich do zdjęcia na stronie internetowej.Chcę, aby oznaczenia na zdjęcie w strony internetowej

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

Zapisywanie jako png bez korzystania z przeglądarki i zapisać na serwerze?

Hi, null, Przepraszam za mój słaby angielski.Zwykle mówiąc flamandzki i nie nauczył się angielskiego w szkole.W moim projekcie używam SVG-edit stworzyć rysunek, który wstawić do pliku pdf.Używam PHP i FPDF, ale FPDF nie może wyświetlić pliki SVG w pdf, więc chcę je konwertować do png, który można włożyć również.Moi użytkownicy chcą używać tylko przycisk "Zapisz", aby zapisać obraz.W pliku konfiguracyjnym, nie znalazłem nic, aby umieścić w nim.Nadzieję, że rozumiecie mój problem, nie może być i rozwiązania pod klucz istnieje.Z góry dziękuję.

Czy ta była pomocna?Tak |Nie |Potrzebuję pomocy

VisiHow QnA.Ta sekcja nie jest jeszcze napisane.Chcesz się przyłączyć?Kliknij Edytuj, aby napisać tę odpowiedź.

  • Jeśli masz problemy z którymkolwiek z tych etapów, zadać pytanie, aby uzyskać pomoc lub pisać w komentarzach poniżej.

Komentarze

VisiHow wita wszystkie komentarze .Jeśli nie chcesz być anonimowy, zarejestrować lub zalogować. To jest wolny.




Neomann
Premier Autor
1 Artykuły Rozpoczęte
33 Artykuł zmian wprowadzanych
2.900 Punkty
Neomann jest autorem Premier z VisiHow,Neomann osiągnął poziom "kaprala" z 2900 punktami.Neomann został rozpoczęty 1 artykułów i wykonane 33 Artykuł edycji.5,763 osób Przeczytałem składki Neomann w artykule.
Zapytaj Neomann
Neomann : Cześć, nazywam się Neomann.
Neomann : mogę pomóc z problemem o "Poprawa jakości obsługi użytkownika poprzez dodanie edytora grafiki SVG do swojej strony internetowej w mniej niż 2 minuty?"
Zebrane