Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.11.2008, 17:38
Аватар для Snipe
Профессор
Отправить личное сообщение для Snipe Посмотреть профиль Найти все сообщения от Snipe
 
Регистрация: 06.05.2008
Сообщений: 765

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

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

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

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


В общем интересно узнать мнение специалистов. Какой из предложенных вариантов лучше или м.б. Ваш вариант?
Сам скрипт писать не надо, просто мысль. =)
Ответить с цитированием
  #2 (permalink)  
Старый 12.11.2008, 17:58
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

svg(+vml для ИЕ). Там есть фигура "овал".
Ответить с цитированием
  #3 (permalink)  
Старый 12.11.2008, 18:42
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Raphaël
Ответить с цитированием
  #4 (permalink)  
Старый 12.11.2008, 18:48
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

Это и есть svg + vml
нафиг вешать нехилую библиотеку, если можно самостоятельно написать всего пару десятков строк кода?
Ответить с цитированием
  #5 (permalink)  
Старый 12.11.2008, 18:53
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Если не ошибаюсь, Canvas + VML. Ну а спор о том применять библиотеки или фреймвоки или писать самостоятельно бесполезен.
Ответить с цитированием
  #6 (permalink)  
Старый 12.11.2008, 18:55
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

"Raphaël uses SVG and VML as a base for graphics creation."
ошибаешся: svg+vml
Ответить с цитированием
  #7 (permalink)  
Старый 12.11.2008, 18:56
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

нет, не бесполезен... Любой спор приближает человека к истине...
Ответить с цитированием
  #8 (permalink)  
Старый 12.11.2008, 19:13
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

Да точно, прочитал что SVG, значит перепутал с какой-то, ещё точно есть что-то похожее с <canvas>.
Ответить с цитированием
  #9 (permalink)  
Старый 13.11.2008, 08:42
Аватар для Snipe
Профессор
Отправить личное сообщение для Snipe Посмотреть профиль Найти все сообщения от Snipe
 
Регистрация: 06.05.2008
Сообщений: 765

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

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

Последний раз редактировалось Snipe, 13.11.2008 в 08:58.
Ответить с цитированием
  #10 (permalink)  
Старый 13.11.2008, 09:37
Флудер
Отправить личное сообщение для ZoNT Посмотреть профиль Найти все сообщения от ZoNT
 
Регистрация: 25.07.2008
Сообщений: 1,271

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



Опции темы Искать в теме
Искать в теме:

Расширенный поиск