Javascript 旋转产品图像,使其看起来像是合并到另一个视图中

Javascript 旋转产品图像,使其看起来像是合并到另一个视图中,javascript,image,animation,rotation,Javascript,Image,Animation,Rotation,想象一下,一个页面上有三个不同产品视图的缩略图。当您单击一个视图时,主图像div将快速转换为新视图 假设这是我拍摄的一只鞋,它有鞋底视图、俯视图和侧视图 我的问题是,当点击时,有没有任何方法可以让人们产生从一个视角到另一个视角的旋转e.t.c的错觉?因此,这不是图像的直接变化,而是一种过渡,它可以迅速产生变形的错觉 如果您有任何想法,我们将不胜感激。您的要求听起来有点像。其中一个变化是,它提供了一系列从一个静止到另一个静止的转换。具有生成中间图像的工具,可能有助于填补当前图像之间的空白。然后,一

想象一下,一个页面上有三个不同产品视图的缩略图。当您单击一个视图时,主图像div将快速转换为新视图

假设这是我拍摄的一只鞋,它有鞋底视图、俯视图和侧视图

我的问题是,当点击时,有没有任何方法可以让人们产生从一个视角到另一个视角的旋转e.t.c的错觉?因此,这不是图像的直接变化,而是一种过渡,它可以迅速产生变形的错觉


如果您有任何想法,我们将不胜感激。

您的要求听起来有点像。其中一个变化是,它提供了一系列从一个静止到另一个静止的转换。具有生成中间图像的工具,可能有助于填补当前图像之间的空白。然后,一些标准形式的fadeshow将提供外观,而不会在每次页面加载时产生计算开销。是一个Java小程序,可以实时执行此操作。注意:在回答这个问题的过程中,没有对这些问题进行测试,也没有损坏任何图像。

彼得是对的-只需使用变形:您可以通过两个步骤对这种效果进行成像:

从正方形变形为小矩形(几乎1个宽度)->替换内容->再次变形为相同大小


希望这有帮助:)

如果你想要一个正确的答案,你需要给出一个你正在寻找的过渡的例子,但现在看来你是在问不可能的事情。如果我有一个例子,我就不会问这个问题。但是谢谢,谢谢,这是一个很好的答案。