25Aug

Améliorez votre expérience de l'utilisateur en ajoutant svg éditeur graphique à votre site Web en moins de 2 minutes

6 Pièces: Demo de la dernière version Intégrer SVG Editeur graphique en utilisant un iframe de la dernière version stable via svn Charger SVG Editeur graphique sur votre propre serveur Conseils Astuces & amp;Avertissements Questions et réponses Commentaires

Ceci est probablement le plus cool add-on gratuit, vous pouvez intégrer dans votre site web en 120 secondes ou moins.SVG est un éditeur gratuit vecteur open source graphique qui est beaucoup plus puissant que vous pourriez d'abord penser.Vous pourriez être surpris qu'il a des couches.Vous pouvez charger des graphiques en juste en cliquant et en les faisant glisser. Ce ne permet pas encore de modifier les fichiers graphiques que vous apportez, mais vous pouvez utiliser ces images comme des objets dans votre création graphique.SVG supporte même les couches.Les instructions suivantes vous aideront à apprendre comment intégrer cet éditeur graphique dans votre site web en seulement quelques minutes.Je vais aussi vous montrer comment vous pouvez également télécharger le code source et le servir vous-même.En outre, comme le temps le permet, les ajouts seront faits pour ce wiki, y compris quelques-unes des caractéristiques qu'il apportera à l'expérience de vos utilisateurs quand ils visitent votre site Web.

Était-ce utile?Oui |Non |Je besoin d'aide
Contenu
  • 1 Démo de la dernière version
  • 2 Intégrer SVG Editeur graphique en utilisant un iframe de la dernière version stable via svn
  • 3 Charger SVG Editeur graphique sur votre propre serveur
  • 4 Conseils Astuces & amp;Avertissements
  • 5 Questions et réponses
    • 5.1 Utilisation des fonctions partielles de svg-éditeur dans mon application?
    • 5.2 Comment svg modifier l'installation de la base de données?
    • 5.3 J'ai téléchargé les fichiers src, mais il ne fonctionne pas dans le navigateur IE11?
    • 5.4 Suivi toutes les étapes: J'ai un site wordpress simple.Impossible d'intégrer svg modifier.Aide demandée?
    • 5.5 Qui dois-je contacter pour le développement d'un éditeur d'impression en ligne en utilisant SVG-edit?
    • 5.6 Intégrer Les outils de peinture sur une image en page?
    • 5.7 Saving comme png sans utiliser le navigateur et d'enregistrer sur le serveur?
  • 6 Commentaires
Ad

Demo de la dernière version

SVG est en développement actifavec 26 membres actifs, appels mensuels etc. de conférence Jetez un coup d'œil à une démonstration de la nouvelle version dans le développement.Je ne recommande pas que vous utilisez celui-ci sur votre site web, mais son plaisir à regarder.Je vous recommande d'utiliser la dernière version stable à la place.

Était-ce utile?Oui |Non |Je besoin d'aide

Intégrer SVG Editeur graphique en utilisant un iframe de la dernière version stable via svn

Vous pouvez intégrer directement à partir de svn la dernière version stable, qui a l'avantage d'être toujours au service de ladernière version sans la nécessité pour vous de faire quoi que ce soit.

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

Sinon, vous pouvez choisir d'intégrer une version particulière directement à partir de svn.De cette façon, vous pouvez caisse de nouvelles versions avant de les libérer à vos visiteurs de site Web.Une fois que vous êtes à l'aise que vous voulez de déployer la nouvelle version, vous pouvez simplement changer le numéro de version à la dernière branche.

Était-ce utile?Oui |Non |Je besoin d'aide
& lt; iframe src = "http://svg-edit.googlecode.com/svn/branches/2.6/editor/svg-editor.html" width = hauteur "800" = "700"& gt;& Lt; / iframe & gt;

Charger SVG Editeur graphique sur votre propre serveur

Hosting SVG vous est facile aussi.Il ne prend que peu plus de temps pour installer le code source sur votre serveur.En supposant que vous avez un accès ssh à votre serveur, et que votre serveur dispose de deux utilitaires très communs, wget et décompressez, les instructions sont les suivantes:

Était-ce utile?Oui |Non |Je besoin d'aide-4.2 de mkdir $ svg sh-4.2 $ svg CD sh-4.2 $ wget

http://svg-edit.googlecode.com/files/svg-edit-2.6.zip. .. sortie wget non représenté pour votre confort. .. sh-4.2 $ unzip svg-edit-2.6.zip. .. fichiers non montré pour votre confort sh-4.2 $ mv. .. sh-$ 4.2 CD 2.6 svg-edit-*. . sh-4.2 $ CD. .

maintenant naviguez jusqu'à http://yourdomain.com/svg/svg-editor.html

était-ce utile?Oui |Non |Je besoin d'aide

Vous devriez voir le SVG-Edit application en cours d'exécution dans votre navigateur.

Conseils Tricks & amp;Avertissements

  • Utilisation de l'iframe technique intégré a l'avantage supplémentaire de mises à jour instantanées à la dernière version qu'ils deviennent disponibles.D'autre part, si ce projet devait changer son format de sortie, ou une nouvelle version avec bug, les utilisateurs seraient lésés.
  • Si vous choisissez de télécharger SVG et l'héberger sur votre serveur, ne pas oublier de vérifier les mises à jour périodiquement afin de donner à vos utilisateurs l'avantage supplémentaire de fonctionnalités nouvellement libérés.
  • Tous les principaux navigateurs sont pris en charge sage natif sauf, vous l'avez deviné, à savoir ce qui nécessite le Chrome Frame Plugin
  • Pensez à donner à ce projet, il est sérieusement cool d'avoir ce genre de pouvoir dans un navigateur web.

Questions et réponses

Utilisation des fonctions partielles de svg-éditeur dans mon application?

Salut, je veux développer une application web avec quelques-uns des graphiques fonctionnalité que je vois dans l'éditeur de svg.Je veux une partie minime qui sera utile dans mon projet.Dois-je simplement télécharger le code et de le modifier ou est-il une bibliothèque et API que je peux utiliser pour obtenir autre fonction qui peut être utilisé dans mon projet.Comment ça marche? Merci & amp;Cordialement

Était-ce utile?Oui |Non |Je besoin d'aide

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

Comment svg modifier l'installation de la base de données?

Je veux créer un tableau blanc à l'aide de svg-edit

Elle ne fonctionnera que si vous utilisez Internet Explorer version 6, 7 ou 8. Vous pouvez également le faire fonctionner avec d'autres types de plugins svg.

J'ai téléchargé les fichiers src, mais il ne fonctionne pas dans le navigateur IE11?

Lorsque j'ouvre le svg-editor.html, ce qu'il affiche est juste le cadre, pas de photos ou réponse

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

Suivi toutes les étapes: J'ai un site wordpress simple.Impossible d'intégrer svg modifier.Aide demandée?

Le iFrame ne se présente pas en chrome ou tout autre

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

Qui dois-je contacter pour le développement d'un éditeur d'impression en ligne en utilisant SVG-edit?

Vous voulez créer une impression Online Editor similaire à http://design.nextdayflyers.com/tool.php#template_id=12489&theme_id=39

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

Intégrer Les outils de peinture sur une image en page?

Je veux utiliser les outils de peinture à une image dans une page Web.Je veux faire des marques sur l'image en page

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

Saving comme png sans utiliser le navigateur et d'enregistrer sur le serveur?

Salut, null, Désolé pour mon mauvais anglais.Normalement parlant flamand et je ne l'ai pas appris l'anglais à l'école.Dans mon projet, j'utilise SVG-edit pour créer un dessin insérer dans un fichier pdf.J'utilise PHP et FPDF, mais FPDF ne peux pas afficher les fichiers SVG en pdf, donc je veux les convertir en png, qui peut être bien inséré.Mes utilisateurs ne veulent utiliser "Enregistrer" bouton pour enregistrer l'image.Dans le fichier de configuration, je ne l'ai pas trouvé quelque chose à mettre dedans.Espérons que vous comprenez mon problème, il pourrait y avoir et une solution clé en main existe.Merci d'avance.

Était-ce utile?Oui |Non |Je besoin d'aide

VisiHow QnA.Cette section n'a pas encore écrit.Vous voulez participer?Cliquez sur EDIT pour écrire cette réponse.

  • Si vous avez des problèmes avec l'une de ces étapes, poser une question pour plus d'aide, ou les poster dans la section des commentaires ci-dessous.

Commentaires

VisiHow accueille tous les commentaires .Si vous ne voulez pas être anonyme, inscrivez-vous ou connectez-vous. Il est gratuit.




Neomann
Premier Auteur
1 Articles Started
33 Article Edits
2.900 Points
Neomann est un auteur de premier plan avec VisiHow.Neomann a atteint le niveau de "caporal" avec 2.900 points.Neomann a commencé 1 articles et a fait 33 articles modifications.5.763 personnes ont lu l'article de contributions Neomann.
Demandez Neomann
Neomann : Salut, mon nom est Neomann.
Neomann : Puis-je vous aider avec votre problème à propos de "Améliorer l'expérience de votre utilisateur en ajoutant svg éditeur graphique à votre site Web en moins de 2 minutes»?
Accepter