Добавить перспективу к изображению в сети

Question

У меня квадратное изображение. Мне нужно добавить перспективный вид к нему, а затем сделать анимацию, которая восстановит изображение обратно в квадратный вид. Это действие должно работать по крайней мере во всех новейших версиях браузеров и без Flash.

Я пытался сделать это следующим образом:

1. Используя RaphaelJS, я могу только обрезать изображение (создать путь и задать заливку для URL-адреса изображения), но не добавлять перспективу.
2. Canvas работает в RaphaelJS как svg и vml ... Я не могу добавить перспективу с его помощью.
3. CSS3 метод трехмерной анимации rotateX добавляет перспективу, но поддерживается только в Chrome и Safary.

Answer 1

Невозможно добавить перспективу к изображению, используя встроенные инструменты.

Единственное возможное решение, которое я нашел, это использовать SVG добавить путь клипа дляизображение - это не добавляет перспективный вид, но это лучшее из возможных решений.

Как я понимаю - мы можем использовать Canvas , чтобы добавить перспективу, но вы должны написать свой собственный алгоритм javascript дляпреобразовать обычное изображение в перспективный вид.