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>

就是这样。