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

标签 javascript android jquery html assets

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

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

最佳答案

编辑:在 Android 浏览器中运气不佳。然而,在使用 WebGL 之前,我会研究 Canvas 转换方法:

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 可能就是您在这里所需要的全部。

关于javascript - 如何用jQuery或js实现3D曲线墙,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13756624/

相关文章:

javascript - JSZip imgData 未定义

javascript - ngOptions "track by"表达式

Javascript - 搜索和替换特定单词

java - 单击监听器未在 ListFragment 中调用

php - 如何在 PHP 中比较 MySQL 日期时间和 JqueryUI 日期选择器?

javascript - Kendoui 甘特图删除任务弹出窗口

android - 询问用户是否希望接收推送通知是一种常见的做法吗?

android - 缺少 hierarchyviewer 工具

javascript - SVG 对象的实时迭代

javascript - 单击动态创建的按钮 jQuery