Преобразование изображения на холсте на основе 4 баллов

Question

У меня есть небольшое приложение, которое использует Paperjs для визуализации изображения между четырьмя точками.

Пользователь должен иметь возможность свободно перетаскивать эти четыре точки. Было бы хорошо, если изображение внутри автоматически превращается в данный четырехугольник, как на картинке ниже.

Знаете ли вы библиотеку, которая может помочь мне с этой работой?

Конечно, Paperjs может применить матричное преобразование, но есть ли "более простое" решение, такое как:

Image.transform(point1, point2, point3, point4);

Так же, как эта демонстрация ActionScript, но в Javascript с canvas: http://www.rubenswieringa.com/code/as3/flex/DistortImage/

Спасибо!

Answer 1

Этот d3.js codesnippet сделал работу для меня:

http://bl.ocks.org/mbostock/10571478