Auswahl mehrerer SVG-Elemente und ziehen sie in Raphael.js

7

Weiß jemand, wie ich das erreichen kann?

Ich habe im Grunde ein SVG-Dokument mit mehreren Formen, Linien, Text usw. und ich versuche, ein Auswahlwerkzeug zu implementieren, das mir hilft, mehrere Elemente auszuwählen, sie zu gruppieren und zu ziehen.

    
fogy 30.04.2011, 22:07
quelle

2 Antworten

27

Es gibt ein Feature in raphälel namens set: Ссылка

Sie können alle Elemente hinzufügen, die Sie zu einem neuen Satz ziehen möchten, und dann den Ziehmechanismus auf den Satz anwenden.

Ich habe dich dazu gebracht: Ссылка

Es ist nicht perfekt. Ich würde das mouse move-Ereignis zum Dokument hinzufügen, aber dafür benötigen Sie eine Bibliothek wie jQuery. Andernfalls, wenn Sie die Maus zu schnell bewegen, fallen Sie aus.

    
thgie 04.05.2011 06:51
quelle
4

Ich habe dies ( Beispiel hier ) gemacht:

EDIT: Etwas sauberer

  1. Erstellen Sie Methoden zum Festlegen und Abrufen der Gruppe eines Elements:

    %Vor%
  2. Erstellen Sie die Methode Ihrer gruppierten Elemente:

    %Vor%
  3. Erstellen Sie Funktionen zum Ziehen eines gruppierten Elements:

    %Vor%
  4. Init SVG Papier und erstellen Sie Ihre Elemente (die Reihenfolge der Elemente ist wichtig) ::

    %Vor%
Ketarin 30.10.2012 16:40
quelle

Tags und Links