javascript - x3dom - 如何制作缩放按钮？

Question

如何在没有鼠标滚轮的情况下放大/缩小典型(如: http://doc.x3dom.org/tutorials/basics/hello/HelloX3DOM.html )x3d 场景？是否可以像谷歌地图一样创建+/-缩放按钮？

Answer 1

我找到了解决方案。

<script type="text/javascript">
function zoom (delta) {
	var x3d = document.getElementById("x3dElement");
	var vpt = x3d.getElementsByTagName("viewpoint")[0];
	vpt.fieldOfView = parseFloat(vpt.fieldOfView) + delta;
}
</script>

和 html 按钮:

<button onclick="zoom(-0.15)">Zoom in</button>
<button onclick="zoom(0.15)">Zoom out</button>

就是这样。