Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > .NET Frameworks (точка нет фреймворки) > ASP.NET
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 18.11.2011, 13:40   #1
Glen
Форумчанин
 
Аватар для Glen
 
Регистрация: 09.02.2011
Сообщений: 150
По умолчанию Возможные решения для Zoom&Rotate картинки в ASP.NET приложении

Замечание: пока я даже не знаю - решаема ли такая задача в принципе.

У меня есть ASP.NET WebForms приложение. Клиенты на которых оно будет запускаться НЕ могут использовать Silverlight, Flash и Java. Всё что будет доступно HTML +JavaScript
На одной из моих страниц есть отображение картинки. Мне бы хотелось добавить такие возможности:
- Пользователь может не просто смотреть картинку, но и: масштабировать её (Zoom In и Zoom Out) и вращать на 90% влево и вправо. Масштабирование подразумевает, естественно, и скроллинг, когда картинка не вмещается в экран
- Когда пользователь закончит извращаться с картинкой, по кнопке SUBMIT ииизменённая картинка должна быть сохранена на сервере в базе

Есть ли для этой задачи приемлемое решение?
Glen вне форума Ответить с цитированием
Старый 18.11.2011, 17:21   #2
Cronos20
Форумчанин
 
Регистрация: 08.07.2010
Сообщений: 679
По умолчанию

HTML5 + CSS3 .... трансформируем с помощью css классов, эти классы отправляем на сервер, сохраняем ... как-то так наверное.
Может быть если есть возможность использовать SVG, то просто отправим сохраняться XML
А вообще если есть возможность использовать canvas, то придумать можно все что угодно ... подключить каку-нить библиотеку по работе с графикой например.

Последний раз редактировалось Cronos20; 18.11.2011 в 17:28.
Cronos20 вне форума Ответить с цитированием
Старый 18.11.2011, 17:51   #3
Glen
Форумчанин
 
Аватар для Glen
 
Регистрация: 09.02.2011
Сообщений: 150
По умолчанию

Цитата:
Сообщение от Cronos20 Посмотреть сообщение
HTML5 + CSS3 .... трансформируем с помощью css классов, эти классы отправляем на сервер, сохраняем ... как-то так наверное.
Может быть если есть возможность использовать SVG, то просто отправим сохраняться XML
А вообще если есть возможность использовать canvas, то придумать можно все что угодно ... подключить каку-нить библиотеку по работе с графикой например.
Я сейчас ищу что-то похожее на jQuery; но пока не попадается точно того что мне нужно.
Glen вне форума Ответить с цитированием
Старый 21.11.2011, 14:07   #4
SamFisher88
 
Регистрация: 08.11.2011
Сообщений: 9
По умолчанию

Присоединяюсь к HTML + CSS.
У Вас к каждому рисунку будет прикреплен XML файлик, к примеру, с данными о том, какого размера должно быть изображение и под каким углом его показывать ну и эти данные вписываем в style. Я это вижу так...
SamFisher88 вне форума Ответить с цитированием
Старый 21.11.2011, 15:24   #5
Glen
Форумчанин
 
Аватар для Glen
 
Регистрация: 09.02.2011
Сообщений: 150
По умолчанию

Цитата:
Сообщение от SamFisher88 Посмотреть сообщение
Присоединяюсь к HTML + CSS.
У Вас к каждому рисунку будет прикреплен XML файлик, к примеру, с данными о том, какого размера должно быть изображение и под каким углом его показывать ну и эти данные вписываем в style. Я это вижу так...
Но это требует HTML5, так? А в более ранних версиях?
Glen вне форума Ответить с цитированием
Старый 21.11.2011, 15:26   #6
Glen
Форумчанин
 
Аватар для Glen
 
Регистрация: 09.02.2011
Сообщений: 150
По умолчанию

Цитата:
Сообщение от Cronos20 Посмотреть сообщение
HTML5 + CSS3 .... трансформируем с помощью css классов, эти классы отправляем на сервер, сохраняем ... как-то так наверное.
Может быть если есть возможность использовать SVG, то просто отправим сохраняться XML
А вообще если есть возможность использовать canvas, то придумать можно все что угодно ... подключить каку-нить библиотеку по работе с графикой например.
Я CSS никогда не использовал, поэтому прошу разъяснений. Речь идёт о том чтобы при нажатии на мою кнопку Zoom In мой JavaScript менял CSS 'на лету'? Или что-то другое?
Glen вне форума Ответить с цитированием
Старый 21.11.2011, 16:18   #7
SamFisher88
 
Регистрация: 08.11.2011
Сообщений: 9
По умолчанию

Цитата:
Сообщение от Glen Посмотреть сообщение
Но это требует HTML5, так? А в более ранних версиях?
На счет Rotate сказать не могу, по-моему можно. Зумирование, если просто изменять % размера, то это и в более ранних версиях HTML реализовано.

В общем реальный размер изображения меняться не будет, будет меняться только его отображение, к примеру если мы хотим уменьшить изображение, в свойствах отображения файла меняем width на 80%.
Вообще, даже это нужно не в CSS писать, а в сам тег изображения.

По поводу "на лету":
В самом начале Вы писали:
Цитата:
- Когда пользователь закончит извращаться с картинкой, по кнопке SUBMIT ииизменённая картинка должна быть сохранена на сервере в базе
.

Как я вижу вообще реализацию:
Перед загрузкой изображения мы проверяем одноименный файл XML, смотрим в нем параметры изображения (угол поворота, размер) и записываем их в тег рисунка <img src="images/girl.png"
width="80%" height="80%" alt="girl">. Далее, после редактирования изображения, по кнопке submit обновляем файл XML
SamFisher88 вне форума Ответить с цитированием
Старый 25.12.2011, 09:24   #8
Veiron
Форумчанин
 
Аватар для Veiron
 
Регистрация: 01.12.2007
Сообщений: 346
По умолчанию

А я бы эту задачу попытался решить при помощи контрола telerik:RadImageEditor, повороты, растяжения, увеличения, обрезания, … втроенные Submit, Print и юзабельный интерфейс прилагаются.
Win 10 x64 | VS 2015 | MSSQL 2014
autovestitv.ru
Veiron вне форума Ответить с цитированием
Старый 25.12.2011, 14:20   #9
Glen
Форумчанин
 
Аватар для Glen
 
Регистрация: 09.02.2011
Сообщений: 150
По умолчанию

Цитата:
Сообщение от Veiron Посмотреть сообщение
А я бы эту задачу попытался решить при помощи контрола telerik:RadImageEditor, повороты, растяжения, увеличения, обрезания, … втроенные Submit, Print и юзабельный интерфейс прилагаются.
А этот telerik бесплатный или как ?
Glen вне форума Ответить с цитированием
Старый 25.12.2011, 19:18   #10
Veiron
Форумчанин
 
Аватар для Veiron
 
Регистрация: 01.12.2007
Сообщений: 346
По умолчанию

Вообще набор этих контролов платный и если всё нужно делать только официально из-за цены не катит, а если этим можете и пренебречь, то в сети есть выложенные лицензии.
Win 10 x64 | VS 2015 | MSSQL 2014
autovestitv.ru
Veiron вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужен ли виртуальный сервер для ASP.NET? Лицемер Помощь студентам 0 03.03.2011 13:51
База данных в ASP.NET приложении hk47 ASP.NET 2 14.12.2010 23:09
Удаленный SQL-сервер Ado.Net + .Net remoting + Asp .Net gammaray Базы данных (ADO.NET, LinqToSql, ORM Entity Framework, NHibernate) 2 22.11.2010 17:36