Maison interface Web js tutoriel jsMind ajuste la position du nœud en faisant glisser les compétences mouse_javascript

jsMind ajuste la position du nœud en faisant glisser les compétences mouse_javascript

May 16, 2016 pm 04:04 PM
jsmind 鼠标拖拽

jsMind est une bibliothèque de cartographie mentale implémentée en JavaScript pur, basée sur un canevas HTML5, et est open source sous licence BSD.

Fournit l'affichage de la carte mentale, l'édition et d'autres fonctions, prend en charge le format de données freemind et dispose de riches interfaces de développement à utiliser. Veuillez visiter la page d'accueil du logiciel pour en savoir plus sur les fonctions spécifiques.

jsMind prend désormais en charge l'ajustement des positions des nœuds en faisant glisser la souris. Référencez simplement la dernière version de jsmind.js ainsi que jsmind.draggable.js pour utiliser cette fonctionnalité. Il est à noter que lorsque la carte mentale est définie comme non modifiable, la fonction glisser-déposer sera également désactivée par la même occasion.

Veuillez visiter la page d'accueil du projet : http://hizzgdev.github.io/jsmind/ pour découvrir l'effet.

Copier le code Le code est le suivant :




Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

Repo: Comment relancer ses coéquipiers
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
4 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment utiliser Vue et jsmind pour créer une puissante application de mind mapping ? Comment utiliser Vue et jsmind pour créer une puissante application de mind mapping ? Aug 15, 2023 pm 08:49 PM

Comment utiliser Vue et jsmind pour créer une puissante application de mind mapping ? Introduction : La cartographie mentale est un outil très utile qui peut nous aider à organiser et à organiser notre réflexion, en clarifiant des problèmes complexes. Dans les applications Web modernes, Vue et jsmind sont deux outils très populaires qui peuvent nous aider à créer rapidement une puissante application de cartographie mentale. Cet article expliquera comment utiliser Vue et jsmind pour créer une application de cartographie mentale riche en fonctionnalités et fournira des exemples de code pertinents. Première étape :

Comment utiliser jsmind pour réaliser la fonction de sauvegarde et de restauration automatique de la carte mentale dans le projet Vue ? Comment utiliser jsmind pour réaliser la fonction de sauvegarde et de restauration automatique de la carte mentale dans le projet Vue ? Aug 15, 2023 pm 06:25 PM

Comment utiliser jsmind pour réaliser la fonction de sauvegarde et de restauration automatique de la carte mentale dans le projet Vue ? La cartographie mentale est un outil très utile qui peut nous aider à organiser et à afficher la structure de notre pensée. Dans le projet Vue, nous pouvons utiliser la bibliothèque jsmind pour implémenter des fonctions de cartographie mentale interactive. Dans cet article, nous expliquerons comment utiliser la bibliothèque jsmind pour implémenter la fonction de sauvegarde et de restauration automatique des cartes mentales dans le projet Vue. Tout d’abord, nous devons introduire la bibliothèque jsmind dans le projet Vue. Nous pouvons le faire via npm

Comment implémenter des opérations de branchement et de fractionnement de cartes mentales à l'aide de Vue et jsmind ? Comment implémenter des opérations de branchement et de fractionnement de cartes mentales à l'aide de Vue et jsmind ? Aug 16, 2023 pm 06:09 PM

Comment implémenter des opérations de branchement et de fractionnement de cartes mentales à l'aide de Vue et jsmind ? La carte mentale est un outil couramment utilisé pour réfléchir et organiser la pensée. Elle peut nous aider à afficher et à comprendre clairement la relation entre les problèmes, les idées et la pensée. Dans le développement front-end, nous pouvons utiliser les bibliothèques Vue et jsmind pour implémenter des opérations de branchement et de fractionnement de cartes mentales. Tout d’abord, nous devons introduire la bibliothèque jsmind dans le projet Vue. Vous pouvez installer jsmind via npm, ou télécharger directement le fichier jsmind.js et le présenter à

Comment utiliser jsmind pour imprimer et exporter des cartes mentales vers des images dans un projet Vue ? Comment utiliser jsmind pour imprimer et exporter des cartes mentales vers des images dans un projet Vue ? Aug 15, 2023 pm 02:07 PM

Comment utiliser jsmind pour imprimer et exporter des cartes mentales vers des images dans un projet Vue ? Introduction : Ces dernières années, avec la croissance rapide du big data et du volume d’informations, les gens ont besoin de traiter et d’organiser les connaissances plus efficacement. En tant qu’outil efficace d’organisation des connaissances, la cartographie mentale est largement utilisée dans tous les domaines. Utiliser jsmind dans le projet Vue pour réaliser les fonctions d'impression et d'exportation de cartes mentales sous forme d'images peut nous aider à mieux organiser et partager notre réflexion. Étape 1 : Installer jsmind Tout d'abord, nous devons installer jsmind dans Vue

Extension Python et WebDriver : simulez les opérations de glissement de la souris dans les pages Web Extension Python et WebDriver : simulez les opérations de glissement de la souris dans les pages Web Jul 07, 2023 pm 11:03 PM

Extension Python et WebDriver : Simulez les opérations de glissement de la souris dans les pages Web Introduction : Dans les applications Web modernes, l'interaction de l'utilisateur est cruciale. L’opération glisser la souris est une méthode d’interaction utilisateur courante, qui peut offrir aux utilisateurs une expérience plus intuitive. Cet article explique comment utiliser les extensions Python et WebDriver pour simuler les opérations de glissement de la souris dans les pages Web. 1. Préparation Avant de commencer, nous devons nous assurer que Python et le WebDriver correspondant sont installés sur l'ordinateur. Python

Comment implémenter la personnalisation du style de nœud et le changement d'apparence des cartes mentales à l'aide de Vue et jsmind ? Comment implémenter la personnalisation du style de nœud et le changement d'apparence des cartes mentales à l'aide de Vue et jsmind ? Aug 27, 2023 pm 12:40 PM

Comment implémenter la personnalisation du style de nœud et le changement d'apparence des cartes mentales à l'aide de Vue et jsmind ? La carte mentale est un outil de réflexion couramment utilisé qui peut nous aider à organiser nos pensées, à enregistrer notre processus de réflexion et à montrer nos relations. Vue.js est un framework frontal populaire et jsmind est un plug-in de cartographie mentale basé sur Vue. Il fournit une API riche qui peut facilement personnaliser les styles de nœuds et implémenter le changement de skin. Tout d’abord, nous devons installer et introduire jsmind et Vue.js. Vous pouvez utiliser jsmin

Comment utiliser Vue et jsmind pour implémenter les fonctions d'étiquetage et d'annotation des nœuds des cartes mentales ? Comment utiliser Vue et jsmind pour implémenter les fonctions d'étiquetage et d'annotation des nœuds des cartes mentales ? Aug 16, 2023 pm 04:01 PM

Comment utiliser Vue et jsmind pour implémenter les fonctions d'étiquetage et d'annotation des nœuds des cartes mentales ? Introduction : La carte mentale est un outil utilisé pour exprimer et organiser la pensée. Elle visualise la relation entre différents sujets et sous-thèmes à travers une structure arborescente, rendant les idées claires et faciles à comprendre. Dans les applications pratiques, nous avons souvent besoin de marquer et d’annoter les nœuds de la carte mentale pour mieux enregistrer et analyser le processus de réflexion. Cet article expliquera comment utiliser Vue et jsmind pour créer une carte mentale simple et implémenter l'étiquetage et l'annotation des nœuds.

Comment combiner jsmind dans un projet Vue pour réaliser un partage en temps réel et une édition collaborative de cartes mentales ? Comment combiner jsmind dans un projet Vue pour réaliser un partage en temps réel et une édition collaborative de cartes mentales ? Aug 13, 2023 pm 06:18 PM

Comment combiner jsmind dans un projet Vue pour réaliser un partage en temps réel et une édition collaborative de cartes mentales ? La cartographie mentale est un outil très efficace qui peut nous aider à organiser et à exprimer notre pensée. Avec la popularité de Vue, il est devenu possible de combiner Vue et la bibliothèque jsmind pour réaliser un partage en temps réel et une édition collaborative de cartes mentales. Dans cet article, nous présenterons comment utiliser la bibliothèque jsmind dans un projet Vue pour créer des cartes mentales et réaliser un partage en temps réel et une édition collaborative. Tout d'abord, nous devons installer la bibliothèque jsmind dans le projet Vue.

See all articles