Как выбрать частичную часть изображения и увеличить эту часть с помощью jquery?

Question

У меня есть два изображения, наложенные друг на друга, используя z-index. Я просто хочу увеличить определенную часть этих изображений, но этот масштаб таков, что я выберу область с помощью мыши, т. Е. Щелкнув мышью по части изображения, перетащив мышью и отпустив кнопку мыши, и эта большая часть получит увеличение. Так скажите, пожалуйста, возможно ли такое в jquery? если да, то как я могу это сделать?

Пожалуйста, ведите меня, друзья!

Спасибо!

Answer 1

Попробуйте этот плагин: http://benjaminmock.de/bezoom-jquery-plugin/

Он не делает именно то, что вы хотите - он предназначен для интерактивного масштабирования «увеличительное стекло». Вы могли бы быть в состоянии приспособить это однако; это не очень сложно. По сути, вы будете наблюдать за движениями мыши, а затем применять отношение длины к ширине прямоугольника выбора, чтобы захватить область фактического изображения.

Answer 2

Я думаю, что Iviewer плагин jquery делает то, что вам нужно.

Iviewer - это jQuery-плагин на основе пользовательского интерфейса jQuery, который позволяет увеличивать / уменьшать, поворачивать и перемещать изображения в области с помощью мыши на веб-странице.

ДЕМО-сайт здесь