25Aug
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.
- 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?
- 5.1 Utilisation des fonctions partielles de svg-éditeur dans mon application?
- 6 Commentaires
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.
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.
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:
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
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
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.
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
| 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. |
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»? |