javascript - 如何用jQuery或js实现3D曲线墙

Question

我想实现的效果只是你可以从下面的网站上看到：http: //www.designasaurus.co.uk/page2/page9/page9.html

我真的很想主要使用 jQuery/js 结合 html 和 css 来实现这个效果。我会将这些资源放在assets我的 Android 项目下，这样我就可以在我的 Android 设备上查看此效果。希望有人能给我一些提示或参考网站来实现它，或者你可以告诉我：嘿，伙计！你无法在你的 Android 项目中实现它。

Answer 1

编辑：Android 浏览器不走运。然而，在 WebGL 之前，我会研究 canvas Transform 方法：

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Canvas_tutorial/Transformations

从“比例示例”开始

这些应该比 WebGL 更少前沿

/编辑

老实说，我在最新的 CSS3 方面有点落后，但听起来 CSS 转换符合要求。

我想android默认浏览器几乎是Chrome。看起来你可以在这里找到一些关于如何使用 CSS 的线索。请参阅最底部的示例。

http://css3.bradshawenterprises.com/transforms/

不过，不确定使用背景图像会有多平滑。

要获得更完整的控制，您可能需要研究 webGL，它仍然非常先进，但不比最新的 CSS3 更先进，但 CSS3 可能就是您所需要的。