Déformation d'image par l'utilisateur

bonjour
La finalité sera de que l'utilisateur après avoir télécharger une photo (ex: maison vu de presque de face), elle sera mise en fond d'écran dans un div, sur le coté (dans un autre div) il y aura une boite de dialogue avec les dessins ( ex: fenetre). Avec un glisser déposer, le dessin (la fenetre) sélectionné se placera sur sa photo ( maison).
Grâce à la fonction draggable et resizable de jquery-ui j'arrive à déplacer et agrandir/ retrécir le dessin(la fenetre).
Jusqu'à là pas de problème.
Je souhaite maintenant que si l'utisateur clique sur un coin du dessin(la fenetre) et déplace la souris, le dessin (fenetre) se déforme de ce coin. idem avec les 3 autres angles. Cela permettra de faire n'importe quel figure. ( ajuster la fenetre sur la maison dont la photo n'est pas pris en face)
En espérant que vous avez tout compris
Je n'ai pas trouvé d'exemple pour trouver la fonction qui va bien.
Merci pour votre aide.
Sonic

Bonjour

Apres plusieurs recherches j'ai fini par trouver ce que je cherchais:
la fonction Warpable

voici un lien au cas ou:
https://daybrush.com/moveable/release/latest/doc/

Bonne journée