Поворот изображения по часовой стрелке и против часовой стрелки

Question

Я использовал http://raphaeljs.com/image-rotation.html сценарий Рафеля, но.Как сохранить это повернутое изображение?

Answer 1

Как уже упоминалось, это элемент SVG, и он использует исходное изображение для изменения угла при нажатии кнопок поворота. Осмотрев повернутое изображение, вы увидите элемент SVG, например:

<image x="160" y="120" width="320" height="240" preserveAspectRatio="none" href="http://raphaeljs.com/bd.jpg" transform="rotate(-90, 320, 240)"/>

Вы заметите, что есть атрибут tranform, который содержит функцию rotate(angle, x, y). Если вы можете найти способ получить это значение угла, вы можете использовать его для манипулирования источником изображения для создания нового изображения с использованием PHP с помощью функции imagerotate .

Сделав это, я получил значение атрибута transform:

document.getElementById('holder').getElementsByTagName('image')[0].getAttribute('transform')

Это возвращает "rotate(-90, 320, 240)"

Конечно, это хак; p

Answer 2

Это SVG, а не само изображение.

Вам нужно будет сохранить сгенерированный SVG через AJAX на вашем сервере и отобразить его с помощью внешней библиотеки рендеринга SVG.

Вы можете попробовать librsvg2-bin, поскольку я слышал, что это работает.