英特尔 XDK 中的相机变焦答案

【问题标题】：Camera zoom in Intel XDK英特尔 XDK 中的相机变焦
【发布时间】：2014-04-25 11:31:17
【问题描述】：

我正在使用 Intel XDK 和 ThreeJS 创建一个简单的移动应用程序。问题是，在单击另一个对象后，我不知道如何缩放对象，（对不起我的英语不好）

【问题讨论】：

标签： three.js intel-xdk

【解决方案1】：

放大 ThreeJS 对象的一种方法是使用 jQuery 插件 Zoomooz.js。

这是一个例子。

http://jsbin.com/juril/1/edit?html,js,output

此示例基于Threejs Dashed lines example。我在两个虚线框中添加了以下属性。

<div class="zoomViewport">
            <div class="zoomContainer">
                <div class="zoomTarget" data-targetsize="2.0" data-closeclick="true" id="container"></div>
                <p></p>
                <div class="zoomTarget" data-targetsize="2.0" data-closeclick="true"  id="container2"></div>
            </div>
        </div>

这使您可以通过单击/触摸以两倍放大倍率放大每个框，以及通过单击/触摸缩小。

由于我注释掉了以下标记，您还可以捏缩放。

<!--<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">-->

【讨论】：