使用Cordova(PhoneGap)显示三维视图

Question

我正在用Cordova和Jquery Mobile创建一个iOS应用程序。在一个特定的页面中，我想显示一辆汽车、一栋房子的三维视图，无论是什么。3D表示是我链接到我的Cordova项目的Objective C插件。

在我的HMI上，我有几个工具面板，我可以扩展/折叠。这些面板包含几个工具，我必须能够在三维视图中使用这些工具。我用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/

Three js是一个强大的工具
希望这能帮助