Je suis novice en javascript et je souhaite implémenter une poulie dans laquelle je dois tracer un cercle en utilisant SVG auquel sont attachées 2 cordes touchant sa circonférence au diamètre. Aussi je veux montrer 2 blocs rectangulaires attachés à ces chaînes à la fin qui aura 2 poids w1 un w2. En prenant w1 et w2 comme entrées de l'utilisateur, j'ai besoin de calculer la tension sur la chaîne comme T1 = w1 * g. De plus, si le bloc w1> w2 se déplace vers le bas avec la chaîne. Comment puis-je l'implémenter avec SVG et Javascript?svg et javascript
Répondre
Jetez un oeil à Raphael JS que je cite:
Raphaël est une petite bibliothèque JavaScript qui devrait simplifier votre travail avec des graphiques vectoriels sur le web.
@ThiefMaster: je sais dessiner des images en SVG mais je ne sais pas comment ajouter de l'animation. Comme si je cliquais sur un bouton, deux blocs devraient se déplacer dans la direction opposée. – tester
@tester Vous avez marqué cette réponse comme "acceptée", mais il semble qu'elle n'ait pas répondu à vos besoins. Si vous avez d'autres questions, vous devriez éditer votre question ci-dessus avec plus de détails, ou poser d'autres questions de suivi (spécifiques). – Phrogz
- 1. Javascript et SVG
- 2. JavaScript createElement et SVG
- 3. JavaScript/SVG
- 4. Les éditeurs SVG, ou: SVG vs JavaScript?
- 5. Javascript Prototype fonction et SVG setAttribute (onclick)
- 6. html et Svg to Canvas javascript
- 7. SVG: <use>, javascript et animation
- 8. éléments redimensionnables SVG avec JavaScript et D3
- 9. SVG et HTML avec fichier Javascript externe
- 10. Carte interactive avec svg et javascript
- 11. dessin SVG utilisant Javascript
- 12. Pure Javascript SVG bibliothèque
- 13. SVG 1.1 Référence JavaScript
- 14. Préchargement de SVG en javascript
- 15. Aperçu SVG en utilisant Javascript?
- 16. SVG interactif avec JavaScript | intégrer ou non SVG?
- 17. Comment utiliser Javascript pour détecter l'animation SVG et afficher/masquer les objets Flash/SVG?
- 18. question javascript de structurer correctement, css, et svg
- 19. Création de fragments SVG avec Javascript et chaînes
- 20. Sélection d'éléments SVG et de chemin avec JavaScript
- 21. ajouter l'image au fichier svg en utilisant javascript et jquery
- 22. SVG et Javascript - Création d'un SVGPoint - TypeError: Constructeur illégal
- 23. SVG et Internet Explorer?
- 24. Selenium et SVG
- 25. Fichiers jQuery et svg
- 26. Contrôler le SMIL de SVG avec JavaScript
- 27. Mise à l'échelle SVG complète avec JavaScript
- 28. SVG: gestes de zoom avec javascript
- 29. accéder aux éléments SVG via Javascript
- 30. Ajout d'un objet SVG en utilisant JavaScript
Votre question n'est pas claire. Dans quelle partie avez-vous des problèmes? Savez-vous comment créer un document SVG, ou intégrer SVG dans XHTML? Savez-vous comment dessiner des cercles et des lignes et des boîtes avec SVG? Savez-vous comment ajouter du JavaScript à votre SVG? Savez-vous comment utiliser JavaScript pour manipuler les propriétés des objets? Modifiez votre question pour nous montrer ce que vous avez fait jusqu'à présent, et ce que vous avez besoin d'aide, et nous serons heureux de vous aider. – Phrogz