The working demo of the latest version of ImageDistortion can be viewed here: http://184.108.40.206/
You can click and drag any control point to distort the image. The code can be viewed here: https://github.com/anishshah101/ImageDistortLeaflet
On Zooming, the image behaves weirdly, that still remains to be corrected.
Important changes/additions in plugin:
2) Extended the L.Marker class to L.ImageMarker: .This was done to make the image control points
clickable by default. Also, the
riseonhover property provides it with a high
z-index value so that it remains on top of everything else for selection. Any custom image can be used as an image marker.
Things which still remain to be done:
1) Correcting the zoom event by preserving the last state of the distorted image.