0

Добрый день!

Необходимо сделать приближение картинки на JS. Сам зум я реализовал через увеличеие размеров изображение, но я никак не могу придумать как центрировать увеличенную картинку.

Может быть кто-нибудь знает алгоритм центирования картинки? В идеале сделать так что бы при зуме картинка сдвигала центр в ту точку, где находится указатель мыши.

2
  • Покажите на jsfiddle, как именно сделан зум. Тоже нужно что-то вроде rvolve.com/zoom_pic.php? PS что среди тегов делает "c++"?
    – Bars
    29 апр 2013 в 21:09
  • Сам зум сделать получилось, но теперь появилась проблема с очисткой canvas. Вот код: jsfiddle.net/L2648/2
    – MrFranke
    30 апр 2013 в 6:27

2 ответа 2

2

Я сам когда то сталкивался с подобной задачей, тоже создавал темы на форумах

Алгоритм для масштабирования изображения и вот

как сделать img zoom

там я думаю хватит инфы.

4
  • К сожалению не нашел ответа среди ссылок. Может быть я плохо искал, но там было решение только для центрирования по центру картинки. Вы нашли решение?
    – MrFranke
    29 апр 2013 в 13:07
  • хм, вроде в них, ну ладно если нет, появиться время , сяду вспомню что к чему и сделаю пример..
    – cyber_ua
    29 апр 2013 в 20:51
  • @MrFranke learn.javascript.ru/play/pa9l6 оно?
    – cyber_ua
    12 мая 2013 в 20:36
  • Не совсем :) Основная проблема была в центрировании картинки именно по координатам курсора. Я ответил ниже что нашел решение и оставил ссылку на код. Там получилось немного дерганно, но алгоритм в целом верен.
    – MrFranke
    13 мая 2013 в 13:13
0

Вот готовый вариант кода с зумом канваса: http://jsfiddle.net/qCzqF/1/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.