Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Responsable Jeux-Concours

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    6 318
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 6 318
    Points : 75 500
    Points
    75 500
    Par défaut Moveable : déplacez, déformez, redimmensionnez les éléments de votre page Web
    Moveable : déplacez, déformez, redimensionner les éléments de votre page Web
    à l'aide de cette bibliothèque JavaScript

    Moveable est une bibliothèque JavaScript permettant de manipuler les éléments d'une page Web de plusieurs manières.

    Nom : Moveable.png
Affichages : 5175
Taille : 28,6 Ko

    Voici les actions possibles sur un élément :

    • le déplacer ;
    • le redimensionner en conservant les proportions ;
    • le redimensionner selon un axe uniquement ;
    • lui appliquer une rotation ;
    • le déformer ;
    • le pincer (sur un écran tactile) afin de lui appliquer une action ;
    • lui appliquer une action selon une ligne directrice ;
    • l'inclure dans un groupe d'éléments pour lequel une des opérations ci-dessus peut être appliquée.


    En d'autres termes : Moveable, Draggable, Resizable, Scalable, Rotatable, Warpable, Pinchable, Groupable et Snappable.

    De base il supporte le Webkit Safari, les éléments SVG et les transformations 3D.
    L'auteur fournit même des composants pour React, Preact, Angular et Vue afin de vous faciliter la tâche.


    Site officiel avec les démonstrations.
    Documentation.
    Téléchargement.

  2. #2
    Candidat au Club
    Homme Profil pro
    Étudiant
    Inscrit en
    octobre 2019
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 24
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : octobre 2019
    Messages : 1
    Points : 2
    Points
    2
    Par défaut cool
    cest super cool mes dure a pratique

  3. #3
    Responsable Jeux-Concours

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    6 318
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 6 318
    Points : 75 500
    Points
    75 500
    Par défaut
    Il faut effectivement découvrir quelle valeur est liée à quelle axe de transformation et comprendre les matrices. Comme toujours, il faut pratiquer pour se sentir à l'aise. Courage !

  4. #4
    Membre régulier

    Homme Profil pro
    Inscrit en
    juin 2011
    Messages
    14
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Morbihan (Bretagne)

    Informations forums :
    Inscription : juin 2011
    Messages : 14
    Points : 77
    Points
    77
    Par défaut
    Whaa ! Sympa ! Merci pour ça.
    C'est propre et efficace.

    Dommage que je n'ai pas le temps de lire la doc, et donc de m'y mettre. Peut-être si l'occasion se présente ...

    En général, en matière de SVG j'ai besoin de faire des dessins simples (line, rect, circle, path, polygon, ...), le plus vite possible (sans avoir à me frapper de doc =;o), et en embarquant le minimum de code possible (donc exit d3js). Alors j'ai créé ma propre lib qui répond à tout ça : hclsvg. Il y a cependant une doc, qui indique que l'utilisation en est totalement élémentaire.

    Je bookmark ton site néanmoins car tu fais des trucs que ma lib ne fait pas.

    Cordialement
    Hervé

  5. #5
    Responsable Jeux-Concours

    Avatar de vermine
    Profil pro
    Inscrit en
    mars 2008
    Messages
    6 318
    Détails du profil
    Informations personnelles :
    Âge : 34
    Localisation : Belgique

    Informations forums :
    Inscription : mars 2008
    Messages : 6 318
    Points : 75 500
    Points
    75 500
    Par défaut
    Attention que cet outil ne vient pas de moi. L'auteur est Younkue Choi.
    Il serait intéressant de regarder le tiens de plus près.

Discussions similaires

  1. Connaitre tout les éléments d'une page html
    Par flo_k dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 14/04/2007, 15h18
  2. Comment tester si tous les éléments d'une page ont été chargés ?
    Par Gat- dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 15/02/2007, 14h19
  3. Réponses: 7
    Dernier message: 16/01/2007, 17h10
  4. Connaître les éléments d'une page qui VA être affichée
    Par NikoBe dans le forum Servlets/JSP
    Réponses: 5
    Dernier message: 09/11/2006, 15h57
  5. [CSS] Centrer les éléments ou un site web
    Par pp51 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 27/12/2005, 16h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo