Heim Web-Frontend js-Tutorial jsMind passt die Knotenposition durch Ziehen der Mouse_Javascript-Fähigkeiten an

jsMind passt die Knotenposition durch Ziehen der Mouse_Javascript-Fähigkeiten an

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

jsMind ist eine Mind-Mapping-Bibliothek, die in reinem JavaScript implementiert ist, auf HTML5-Canvas basiert und Open Source unter der BSD-Lizenz ist.

Bietet Mindmap-Anzeige, Bearbeitung und andere Funktionen, unterstützt das Freemind-Datenformat und verfügt über umfangreiche Entwicklungsschnittstellen. Bitte besuchen Sie die Software-Homepage, um mehr über die spezifischen Funktionen zu erfahren.

jsMind unterstützt jetzt das Anpassen der Knotenpositionen durch Ziehen mit der Maus. Verweisen Sie einfach auf die neueste Version von jsmind.js sowie jsmind.draggable.js, um diese Funktion zu nutzen. Es ist zu beachten, dass bei der Einstellung der Mindmap auf nicht bearbeitbar gleichzeitig auch die Drag-and-Drop-Funktion deaktiviert wird.

Bitte besuchen Sie die Projekthomepage: http://hizzgdev.github.io/jsmind/, um den Effekt zu erleben.

Code kopieren Der Code lautet wie folgt:




Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Wie erstellt man mit Vue und jsmind eine leistungsstarke Mind-Mapping-Anwendung? Wie erstellt man mit Vue und jsmind eine leistungsstarke Mind-Mapping-Anwendung? Aug 15, 2023 pm 08:49 PM

Wie erstellt man mit Vue und jsmind eine leistungsstarke Mind-Mapping-Anwendung? Einleitung: Mind Mapping ist ein sehr nützliches Werkzeug, das uns dabei helfen kann, unser Denken zu organisieren und zu ordnen und komplexe Probleme klar zu machen. In modernen Webanwendungen sind Vue und jsmind zwei sehr beliebte Tools, die uns dabei helfen können, schnell eine leistungsstarke Mind-Mapping-Anwendung zu erstellen. In diesem Artikel wird erläutert, wie Sie mit Vue und jsmind eine funktionsreiche Mind-Mapping-Anwendung erstellen und relevante Codebeispiele bereitstellen. Schritt eins:

Wie kann ich mit jsmind die automatische Speicher- und Wiederherstellungsfunktion von Mind Maps im Vue-Projekt realisieren? Wie kann ich mit jsmind die automatische Speicher- und Wiederherstellungsfunktion von Mind Maps im Vue-Projekt realisieren? Aug 15, 2023 pm 06:25 PM

Wie kann ich mit jsmind die automatische Speicher- und Wiederherstellungsfunktion von Mind Maps im Vue-Projekt realisieren? Mind Mapping ist ein nützliches Werkzeug, das uns dabei helfen kann, die Struktur unseres Denkens zu organisieren und darzustellen. Im Vue-Projekt können wir die jsmind-Bibliothek verwenden, um interaktive Mind-Mapping-Funktionen zu implementieren. In diesem Artikel erklären wir, wie Sie die jsmind-Bibliothek verwenden, um die automatische Speicher- und Wiederherstellungsfunktion von Mind Maps im Vue-Projekt zu implementieren. Zuerst müssen wir die jsmind-Bibliothek in das Vue-Projekt einführen. Wir können dies über npm tun

Wie implementiert man Verzweigungs- und Aufteilungsvorgänge von Mind Maps mit Vue und jsmind? Wie implementiert man Verzweigungs- und Aufteilungsvorgänge von Mind Maps mit Vue und jsmind? Aug 16, 2023 pm 06:09 PM

Wie implementiert man Verzweigungs- und Aufteilungsvorgänge von Mind Maps mit Vue und jsmind? Mind Map ist ein häufig verwendetes Werkzeug zum Denken und Organisieren von Gedanken. Es kann uns helfen, die Beziehung zwischen Problemen, Ideen und Denken klar darzustellen und zu verstehen. In der Front-End-Entwicklung können wir Vue- und jsmind-Bibliotheken verwenden, um Mindmap-Verzweigungs- und Aufteilungsvorgänge zu implementieren. Zuerst müssen wir die jsmind-Bibliothek in das Vue-Projekt einführen. Sie können jsmind über npm installieren oder die Datei jsmind.js direkt herunterladen und in importieren

Wie verwende ich jsmind, um Mindmaps in einem Vue-Projekt zu drucken und in Bilder zu exportieren? Wie verwende ich jsmind, um Mindmaps in einem Vue-Projekt zu drucken und in Bilder zu exportieren? Aug 15, 2023 pm 02:07 PM

Wie verwende ich jsmind, um Mindmaps in einem Vue-Projekt zu drucken und in Bilder zu exportieren? Einleitung: In den letzten Jahren müssen Menschen angesichts des rasanten Wachstums von Big Data und Informationsvolumen Wissen effektiver verarbeiten und organisieren. Als effektives Werkzeug zur Wissensorganisation wird Mind Mapping in allen Lebensbereichen häufig eingesetzt. Die Verwendung von jsmind im Vue-Projekt zur Realisierung der Funktionen zum Drucken und Exportieren von Mindmaps als Bilder kann uns dabei helfen, unsere Gedanken besser zu organisieren und zu teilen. Schritt 1: jsmind installieren Zuerst müssen wir jsmind in Vue installieren

Wie verwende ich Vue und jsmind, um die Anpassung des Knotenstils und den Skin-Wechsel von Mind Maps zu implementieren? Wie verwende ich Vue und jsmind, um die Anpassung des Knotenstils und den Skin-Wechsel von Mind Maps zu implementieren? Aug 27, 2023 pm 12:40 PM

Wie verwende ich Vue und jsmind, um die Anpassung des Knotenstils und den Skin-Wechsel von Mind Maps zu implementieren? Mind Map ist ein häufig verwendetes Denkwerkzeug, das uns dabei helfen kann, unsere Gedanken zu ordnen, unseren Denkprozess aufzuzeichnen und Zusammenhänge aufzuzeigen. Vue.js ist ein beliebtes Front-End-Framework und jsmind ist ein auf Vue basierendes Mind-Mapping-Plug-in. Es bietet eine umfangreiche API, mit der Knotenstile einfach angepasst und Skin-Wechsel implementiert werden können. Zuerst müssen wir jsmind und Vue.js installieren und einführen. Sie können jsmin verwenden

Wie implementiert man mit Vue und jsmind die globale Stil- und Themenwechselfunktion von Mind Maps? Wie implementiert man mit Vue und jsmind die globale Stil- und Themenwechselfunktion von Mind Maps? Aug 13, 2023 pm 06:37 PM

Wie implementiert man mit Vue und jsmind die globale Stil- und Themenwechselfunktion von Mind Maps? Einleitung: Mindmap ist ein häufig verwendetes Denkwerkzeug, das uns helfen kann, logisch zu denken und unsere Gedanken auszudrücken. In diesem Artikel wird erläutert, wie Sie mit Vue und der jsmind-Bibliothek eine Mind Map mit globalen Stilen und Funktionen zum Wechseln von Themen erstellen. 1. Vorbereitung Bevor wir mit dem Schreiben von Code beginnen, müssen wir einige notwendige Arbeiten vorbereiten. Erstellen Sie ein Vue-Projekt. Zuerst müssen wir ein Vue-Projekt erstellen. Sie können VueCLI schnell verwenden

Wie kann ich das jsmind Mind Map-Plugin schnell in ein Vue-Projekt integrieren? Wie kann ich das jsmind Mind Map-Plugin schnell in ein Vue-Projekt integrieren? Aug 26, 2023 pm 12:31 PM

Wie kann ich das jsmind Mind Map-Plugin schnell in ein Vue-Projekt integrieren? Einleitung: In der modernen Softwareentwicklung ist Mind Mapping ein gängiges Werkzeug für visuelles Denken und Informationsorganisation. Vue ist ein beliebtes JavaScript-Framework, mit dem wir Webanwendungen erstellen können. In diesem Artikel besprechen wir, wie Sie das jsmind Mind Map Plug-in schnell in ein Vue-Projekt integrieren können. Schritt 1: jsmind installieren Zuerst müssen wir jsmind im Vue-Projekt installieren. offenes Ende

Wie implementiert man mit Vue und jsmind die Knotenbeschriftungs- und Anmerkungsfunktionen von Mind Maps? Wie implementiert man mit Vue und jsmind die Knotenbeschriftungs- und Anmerkungsfunktionen von Mind Maps? Aug 16, 2023 pm 04:01 PM

Wie implementiert man mit Vue und jsmind die Knotenbeschriftungs- und Anmerkungsfunktionen von Mind Maps? Einleitung: Mind Map ist ein Werkzeug zum Ausdrucken und Organisieren von Gedanken. Es visualisiert die Beziehung zwischen verschiedenen Themen und Unterthemen durch eine Baumstruktur und macht die Ideen klar und leicht verständlich. In praktischen Anwendungen müssen wir häufig die Knoten der Mindmap markieren und mit Anmerkungen versehen, um den Denkprozess besser aufzuzeichnen und zu analysieren. In diesem Artikel wird erläutert, wie Sie mit Vue und jsmind eine einfache Mindmap erstellen und Knotenbeschriftungen und -anmerkungen implementieren.

See all articles