Aus dem Kurs: Interaktive Webgrafiken mit SVG.js

Erhalten Sie Zugriff auf diesen Kurs – mit einer kostenlosen Probeversion

Werden Sie noch heute Mitglied und erhalten Sie Zugriff auf mehr als 25.300 Kurse von Branchenfachleuten.

Objekte verschieben mit dem Plugin draggable()

Objekte verschieben mit dem Plugin draggable() – Tutorial zu JavaScript

Aus dem Kurs: Interaktive Webgrafiken mit SVG.js

Gratismonat starten Für Ihr Team erwerben

Objekte verschieben mit dem Plugin draggable()

“

SVG.js kann von Haus aus sehr viel. Mit den Plugins kann es noch viel mehr. Es gibt eine ganze Reihe von Plugins, die sind alle sehr unterschiedlich. Ich möchte Ihnen mal beispielhaft das Plugin draggable vorstellen. Gehen Sie hier einfach drauf und so ein Plugin muss ich zunächst einmal installieren und dann kann ich einzelne Elemente mit der Maus im Browser verschieben. Entweder installiere ich das Ganze hier mit bower. Ich kann das auch per Hand machen. Dazu gehe ich hier auf GitHub einfach in das dist-Verzeichnis und dann gehe ich hier auf draggable.min. Wichtig ist, ich klicke hier noch mal drauf und wenn ich jetzt hier auf Raw klicke, dann bekomme ich direkt den Quellcode angezeigt. Also gehe ich noch mal zurück und klicke das mit rechts an und sage dann Link speichern unter und speichere das Ganze als svg.draggable.min.js auf meinem Server. Als Nächstes muss ich das Plugin noch einbinden. Wichtig ist, dass ich das Plugin erst nach dem Original-SVG.js einbinde, ganz normal mit…

Inhalt