ModelHandle/embeddable/fullscreen.html
2016-04-12 19:54:08 +02:00

56 lines
1.3 KiB
HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no">
<style>
html, body
{
width : 100%;
height : 100%;
margin : 0px;
padding : 0px;
}
canvas
{
display : block;
}
</style>
<script type="text/javascript" src="../jsmodeler/three.min.js"></script>
<script type="text/javascript" src="../jsmodeler/jsmodeler.js"></script>
<script type="text/javascript" src="../jsmodeler/jsmodeler.ext.three.js"></script>
<script type="text/javascript" src="include/online3dembedder.js"></script>
<script type="text/javascript">
function OnResize ()
{
var canvas = document.getElementById ('fullscreen');
canvas.width = document.body.clientWidth;
canvas.height = document.body.clientHeight;
}
function OnLoad ()
{
OnResize ();
LoadOnline3DModels ();
}
window.addEventListener ('load', OnLoad, true);
window.addEventListener ('resize', OnResize, true);
</script>
<title>Online 3D Viewer</title>
</head>
<body>
<canvas id="fullscreen" class="3dviewer" sourcefiles="testfiles/texturedcube.obj|testfiles/texturedcube.mtl|testfiles/texture.png" width="200" height="200"></canvas>
</body>
</html>