JS-деформация изображения из точки к курсору?

Question

[D44k]

Доброго времени суток.
Есть изображение произвольного размера. Необходимо при клике мыши по области растягивать и поворачивать его к курсору.



Реализуемо ли это на js/jquery? Если нет, какими библиотеками лучше воспользоваться?
Прошу ткнуть пальцем в правильном направлении.

Спасибо.

Answer 1

[Сергей Протько]

canvas предоставляет вам низкоуровневое api для манипуляции с пикселами, так что вполне себе возможно. Но для этого нужно понимать как обрабатывать изображение, что бы все работало худо бедно нормально и без лагов, нужно уменьшать количество необходимых вычислений для расчета позиций пикселей...
В помощь: мне когда-то понадобилось нечто схожее (деформация при наведении курсора, что-то типа лупы) и товаристч @Stdit все подробно описал.

Answer 2

[Rowdy Ro]

#canvas #scale #rotate #fabricjs