Comment faire un événement de glisser personnalisé dans svg.js

Question

Je suis novice en programmation. Je fais quelque chose comme éditeur de vecteur avec svg.js J'ai lu la documentation et je ne comprenais pas comment faire des événements personnalisés du tout. Pouvez-vous montrer un exemple d'événement drag?

En fait, j'essaie d'obtenir des éléments à supprimer par glisser. Par exemple je veux faire l'info-bulle suivant le curseur de la souris, qui produit les coordonnées de la souris en cours. Mais il est dupliqué chaque événement onmousemove.

Answer 1

Utilisation: draggable plugin

Pour faire un élément draggable

var draw = SVG('canvas').size(400, 400) 
var el = draw.rect(100, 100) 

el.draggable() 

Il existe quatre callbacks disponibles, beforedrag, dragstart, dragmove et dragend. Voici comment vous les attribuez:

E.g. dans votre cas:

el.dragstart = function() { 
    this.remove(); 
} 

ou

el.dragsend = function() { 
    this.remove(); 
} 

ou

el.dragsmove = function() { 
    this.remove(); 
}