function transform() {
cuboid.resize(parseInt(document.getElementById("long").value),
parseInt(document.getElementById("width").value),
parseInt(document.getElementById("height").value));
cuboid.move(parseInt(document.getElementById("left").value),
parseInt(document.getElementById("top").value));
cuboid.rotate(parseInt(document.getElementById("rotatex").value),
parseInt(document.getElementById("rotatey").value),
parseInt(document.getElementById("rotatez").value));
//cuboid.refresh();
}
</script>
<div style="position:absolute;border:1px solid #333;top:240px;left:100px;width:1000px;height: 360px;">
left:<input id="left" value="100"></input>px
top:<input id="top" value="50"></input>px
long:<input id="long" value="100"></input>px
width:<input id="width" value="60"></input>px
height:<input id="height" value="80"></input>px
rotateX: <input id="rotatex" value="0"></input>deg
rotateY: <input id="rotatey" value="0"></input>deg
rotateZ: <input id="rotatez" value="0"></input>deg
<input type="button" value="确定" onclick="transform()"></input>
<label id="status"></label>
</div>
<script>
var cuboid = new cuboidModel(parseInt(document.getElementById("left").value),
parseInt(document.getElementById("top").value),
parseInt(document.getElementById("long").value),
parseInt(document.getElementById("width").value),
parseInt(document.getElementById("height").value));
cuboid.init();
</script>
