Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Мини-редактор изображений JS
 
 автор: ddhvvn   (22.08.2010 в 13:39)   письмо автору
 
 

Требуются следующие функции - поворот, масштабирование и выделение области на изображении с передачей сделанных операций в php скрипт.
Возможные библиотеки - jQuery, Mootools, extjs.
Делал/видел кто-нибудь подобное?

Требуется именно JS (если возможно), про флеш и сами знаем :)

  Ответить  
 
 автор: АЯ   (22.08.2010 в 13:43)   письмо автору
 
   для: ddhvvn   (22.08.2010 в 13:39)
 

поворот - никак. Визуально это обеспечивается фильтрами в MSIE, но программно передать нельзя.
масштабирование - нет проблем.
выделение области - нет проблем.

  Ответить  
 
 автор: ddhvvn   (22.08.2010 в 13:51)   письмо автору
 
   для: АЯ   (22.08.2010 в 13:43)
 

Что значит "программно передать нельзя" ?

  Ответить  
 
 автор: АЯ   (22.08.2010 в 14:30)   письмо автору
 
   для: ddhvvn   (22.08.2010 в 13:51)
 

Неудачно выразился.

1. Визуально масштабирование обеспечивается установкой ОДНОГО из габаритов тега <IMG> (высоты или ширины). Соответственно, на сервер можно передать значения полученных offsetWidth и offsetHeight картинки. И программа на PHP может, зная эти размеры перерисовать картинку.

2. Визуально выделение прямоугольной области обеспечивается четырьмя или пятью div'ами (четыре - границы области; пятый div, по необходимости, для выделения области прозрачностью). На сервер можно передать координаты четырёх точек выделенной области и программа на PHP по этим точкам может создать из существующей картинки часть её.

3. Визуально поворот картинки на какое-то количество градусов обеспечивается в браузере MSIE с помощью фильтра. А также с помощью всяких разных -moz- и -webkit- для прочих (точно название не знаю, ибо не занимался этим баловством). Разумеется, какие-то данные об этом повороте вы на сервер передать можете. Например - "90 градусов" и "против часовой". Ну и далее программа на PHP, зная эти данные, может перерисовать картинку.

Процесс перерисовки картинок на PHP довольно прост программно (пересчёт по точкам), но ресурсозатратен.

  Ответить  
 
 автор: AlexSol   (22.08.2010 в 16:33)   письмо автору
 
   для: АЯ   (22.08.2010 в 14:30)
 

-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);

но использовать это неудобно. спрашивается зачем вводить эти -webkit-moz-o-,а не дать стандартное название из css3

  Ответить  
 
 автор: ddhvvn   (22.08.2010 в 16:36)   письмо автору
 
   для: АЯ   (22.08.2010 в 14:30)
 

Вы что-то меня запутали.
По Вашему же объяснению как раз все реализуемо! ))

  Ответить  
 
 автор: elenaki   (22.08.2010 в 17:33)   письмо автору
 
   для: ddhvvn   (22.08.2010 в 16:36)
 

не на JS

  Ответить  
 
 автор: ddhvvn   (22.08.2010 в 17:45)   письмо автору
 
   для: elenaki   (22.08.2010 в 17:33)
 

именно на js

  Ответить  
 
 автор: elenaki   (22.08.2010 в 18:00)   письмо автору
 
   для: ddhvvn   (22.08.2010 в 17:45)
 

И программа на PHP может, зная эти размеры перерисовать картинку.

  Ответить  
 
 автор: ddhvvn   (22.08.2010 в 19:31)   письмо автору
 
   для: elenaki   (22.08.2010 в 18:00)
 

Вы, наверное, Лена невнимательно первый пост прочитали )

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования