使用 Cordova (PhoneGap) 显示 3D 视图

Question

我正在使用 Cordova 和 Jquery Mobile 创建一个 iOS 应用程序。在特定页面中，我想显示汽车、房屋等的 3D 视图。 3D 表示是我链接到我的 Cordova 项目的一个 Objective C 插件。

在我的 HMI 上，我有几个可以展开/折叠的工具面板。这些面板包含一些我必须能够在我的 3D 视图中使用的工具。我用 Jquery mobile 创建了这些面板：

<div class="panelRight">
    <div class="panelRightContent">
        <div data-role="controlgroup" data-corners="false"> <a href="#" data-role="button">Tool 1</a>
            <a href="#" data-role="button">Tool 2</a>
            <a href="#" data-role="button">Tool 3</a>
            <a href="#" data-role="button">Tool 4</a>
            <a href="#" data-role="button">Tool 5</a>
        </div>
    </div>
</div>

问题是：当我使用我的应用程序时，我无法将插件位置设置在我的图层中间。更准确地说，要么我将插件视图发送到前面，我不能再展开/折叠我的标签，要么我将它发送到后面并且插件被 Cordova 后台活动隐藏。

有没有办法隐藏或删除默认的 Cordova 背景，以便我可以在我的 HMI 下的特定区域显示我的插件（然后面板应该在插件视图上展开）。您认为有更好的解决方案吗？

Answer 1

我建议不要在 Cordova 中使用任何目标 C 插件，因为无法在 HTML 应用程序中使用此插件。

是否可以使用一些 css3 或 js 来显示您的 3D 模型？
http://tridiv.com/
http://threejs.org/

三个js是一个强大的工具。
希望对您有所帮助