Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Овальный элемент для выбора части фотки. (https://javascript.ru/forum/dom-window/2161-ovalnyjj-ehlement-dlya-vybora-chasti-fotki.html)

Snipe 12.11.2008 17:38

Овальный элемент для выбора части фотки.
 
Интересно узнать Ваши мысли, как примерно реализовать такое:
загружается фотка, на ней появляется овал, который можно перемещать по фотке и менять этому овалу масштаб.

Ну и потом координаты отправляются на сервер и из фотки по овалу вырезается что надо. /* это уже не моя головная боль */

Пока не приступал, просто думаю, как лучше?
Первая мысль (самая простая на мой взгляд) - сделать прозрачный овал GIF или PNG, вставить в прямоугольный див и его уже ресайзить.
Но вроде некоторые браузеры фигово меняют размеры картинок - некрасиво получается.

Вторая - взять какую-нибудь библиотеку.
Если правильно понимаю, большинство библиотек рисуют фигуры точками (дивами) - не будет ли все это тормозить при перемещении?
Ну и собственно какие есть подобные библиотеки я пока тоже не смотрел...


В общем интересно узнать мнение специалистов. Какой из предложенных вариантов лучше или м.б. Ваш вариант?
Сам скрипт писать не надо, просто мысль. =)

ZoNT 12.11.2008 17:58

svg(+vml для ИЕ). Там есть фигура "овал".

Octane 12.11.2008 18:42

Raphaël

ZoNT 12.11.2008 18:48

Это и есть svg + vml
нафиг вешать нехилую библиотеку, если можно самостоятельно написать всего пару десятков строк кода?

Octane 12.11.2008 18:53

Если не ошибаюсь, Canvas + VML. Ну а спор о том применять библиотеки или фреймвоки или писать самостоятельно бесполезен.

ZoNT 12.11.2008 18:55

"Raphaël uses SVG and VML as a base for graphics creation."
ошибаешся: svg+vml

ZoNT 12.11.2008 18:56

нет, не бесполезен... Любой спор приближает человека к истине...

Octane 12.11.2008 19:13

Да точно, прочитал что SVG, значит перепутал с какой-то, ещё точно есть что-то похожее с <canvas>.

Snipe 13.11.2008 08:42

Спасибо, посмотрю.
А в каких браузерах работать будет?
Ну т.е. без вариантов надо чтоб работало в IE6, 7; FF3; Opera9.25-9.6; Safari - будет?

Посмотрел, вроде то что нужно! Тока если будет норм во всех браузерах работать.

ZoNT 13.11.2008 09:37

vml будет в ИЕ6+ точно, svg в FF2+, Опере, Сафари, Хроме..


Часовой пояс GMT +3, время: 19:23.