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>

而已。