Можно ли с помощью JavaScript определить точки X и Y на картинке?
Можно ли на JavaScript сделать выделение нужного фрагмента на заданной картинке и определить точки координат X и Y в пикселях (или процентах) на изображении?
Это необходимо для кадрирования картинки. Буду признателен за любые советы по теме. |
Можно, с помощью canvas.
|
Цитата:
Не обязательно на нем, и для старых браузеров такое "обрезание" можно сделать. |
Вставь картинку в div а на него повесь событие, и отслеживай перемещение курсора.
|
|
Учитывая, что для кадрирования требуется прямоугольник, нам потребуется для этого знать координаты 2 точек, это, например: левый верхний угол (x, y) и правый нижний (x, y). В фотошопе это называется "Инструмент Прямоугольная область". Эта функция и требуется, чтобы от этого самого фотошопа избавиться. Поддержка старых браузеров не требуется.
В идеале эта рамка могла бы быть видимой (если это возможно), но это не обязательно. Надо, чтобы точки можно было каким-то образом выбрать (щелчком?) и получить x и y в обычный input type="text". Как-то так. Ruslan_xDD, как я понял из примера, точки уже заданы, а их должен иметь возможность выбирать пользователь. Например, уши от кота на той фотке. :) |
javascript_pupil,
http://odyniec.net/projects/imgareaselect/ |
рони, да, это именно то, что требуется. Только один минус - это jQuery. :( Ну и то, что пример делает только квадраты.
Выбрать две точки - это настолько сложная задача, что требуются километры кода jQuery? |
Цитата:
|
Цитата:
Это называется cropp image плагины и их как собак ... не только под JQ. http://www.hotscripts.com/blog/javas...pping-scripts/ |
Часовой пояс GMT +3, время: 00:57. |