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度

尝试将鼠标悬停在猫图像上。

基本上你需要了解css过渡和css转换才能完成你提到的演示应用程序。