Как наклон/поворот холста с изображением внутри него?

Question

Я полный новичок, когда дело доходит до Javascript и полотна и прочее, но у меня есть этот образ (1920x1080), и что я хочу сделать, когда кто-то нависает над изображением, которое он наклоняет.

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

http://www.simpleviewer.net/tiltviewer/app/ просто более тонкий, а не во Flash.

Этот пример делается с JavaScript, но я не знаю, как, и я не могу полностью прочитать источник, и я не хочу, чтобы сорвать исходный код http://mrdoob.com/97/depth_of_field

Я понятия не имею, где чтобы начать или даже начать, я просто погружаюсь в более продвинутый раздел Javascript прямо сейчас, поэтому любая помощь/совет будут очень признательны.

Answer 1

Это демо, которое я только что сделал. Вы можете изменить значение там.

-webkit-transform: skewX(30deg); 

до 40 градов

попытки парить на коте изображение.

http://jsfiddle.net/B8FSb/

В основном вы должны понимать переход CSS и преобразование CSS в состоянии сделать демо-приложение, которое вы упоминаете.

https://developer.mozilla.org/en-US/docs/CSS/Tutorials/Using_CSS_transitions