Как повернуть изображение с jQuery как 'Свободное Преобразование' в Photoshop?
Это использует 2 cte, первый просто воспроизводит вашу входную таблицу, второй превращает оба столбца в один столбец. Окончательный выбор кросс-соединения это набор для себя, чтобы произвести требуемый результат
with t(c1,c2)
AS
(
select 1,2
union select 1,4
union select 1,5
)
,t2(c)
as
(
select c1 from t
union select c2 from t
)
select t2_1.c, t2_2.c
from t2 t2_1
cross join t2 t2_2
where t2_1.c<t2_2.c
order by t2_1.c
7 ответов
Единственный способ, которым я могу это сделать в javascript, - это использовать элемент холста.
Попробуйте использовать следующий плагин: http://wilq32.googlepages.com/wilq32.rollimage222
Вы можете вращать изображения с помощью фильтров IE DirectX, но я не думаю, что это решит вашу проблему. Возможно, вам придется использовать что-то вроде Flash или Silverlight, чтобы выполнить эту работу.
Я не знаю ни одного JavaScript, обладающего такой мощностью. Вот один парень ' эксперимент, но результат не очень хороший:
http://www.walterzorn.com/rotate_img/rotate_img.htm
Это тоже довольно круто, и используется Flash:
If you're using Javascript, why not let the server do the work and get the result via an ajax call? Check out the ImageMagick libraries (http://www.imagemagick.org/script/index.php). If the end-user is the one specifying rotation parameters, capture those inputs in javascript, send it back to the server for processing by ImageMagick (or another library), and update the image client side.
Это может помочь. Я не эксперт, но похоже, что в IE можно делать только 90-градусные приращения.
Вот отправная точка , которая работает в WebKit. (Я использовал Safari 4.) Мне давно не приходилось делать никаких математических расчетов, поэтому вам нужно будет вычислить правильный угол поворота на основе расстояния перетаскивания. Кроме того, поле поворота немного смещается, когда вы начинаете вращаться. Они могут вращаться вокруг другой центральной точки.
CSS3 поддерживает вращение , однако в настоящее время только chrome и safari поддерживают вращение CSS3 с помощью webkit. Вот хороший пример вращения в CSS3. Если вы хотите проверить, работает ли он в вашем браузере, попробуйте эту ссылку . Это должны быть рабочие часы.
На данный момент тройнц ответ выглядит лучшим выбором.
В будущем или с сафари или хромом вы сможете это сделать.
$(this).css('-webkit-transform','rotate(45deg)');
Я использую raphaeljs (raphaeljs.com). Это позволит вам рисовать на холсте. Итак, вы можете сначала добавить фоновый прямоугольник, затем добавить изображение и, наконец, повернуть. Таким образом отображается граница. Насколько я смог найти, это невозможно с поворотом wilq32.