2e plan d’étage redimensionnable, règle sur les images de déplacement

Je recherche un plan d’étage interactif en 2D avec la fonction suivante

cela signifie que l’utilisateur peut faire glisser et redimensionner la carte d’étage en même temps. seul lien relatif que j’ai trouvé est

Edit: jusqu’à présent, j’ai pu créer un diagramme basé sur svg et appliquer une ancre pour faire glisser l’image

• Nombre total de fois qu’un lien est cliqué
• Ajouter une nouvelle à toutes les balises déroulantes en utilisant javascript
• faire défiler la page entière sous une certaine hauteur en haut sans barre de défilement
• jQuery ne se charge pas?
• Data-scroll et data-anchor – la classe active est désactivée

mon violon

https://jsfiddle.net/sbh24vuq/

$(function() { addBackdrop(50); var $window = $(window); var radius = 40, editColor = 'rgb(79, 128, 255)'; var type = /(canvas|webgl)/.test(url.type) ? url.type : 'svg'; var two = new Two({ type: Two.Types[type], fullscreen: true, autostart: true }).appendTo(document.body); .... complete code is on fiddle } 

mais je voudrais append la règle en faisant glisser.

• jQuery animer la position d’arrière-plan, ne fonctionnant pas dans ie
• Evénement de clic jQuery non déclenché sur le bouton à l’intérieur du formulaire
• Produire une comparaison des différences entre 2 tableaux en Javascript
• Comment arrêter une page de sauter en haut une fois qu’un formulaire est soumis?
• exécuter ma fonction setTimeout après avoir cliqué sur des arrêts