#php #javascript #html #image-rotation #rotateanimation
#php #javascript #HTML #изображение-поворот #rotateanimation
Вопрос:
Я использовал http://raphaeljs.com/image-rotation.html сценарий рафела, но. Как каким образом v может сохранить это повернутое изображение.
Ответ №1:
Это SVG, на самом деле не изображение как таковое.
Вам нужно будет сохранить сгенерированный SVG-файл через AJAX на свой сервер и отобразить его с помощью внешней библиотеки SVG-рендеринга.
Вы могли бы попробовать librsvg2-bin , поскольку я слышал, что это работает.
Ответ №2:
Как уже упоминалось, это элемент 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