@zeni1agent

Как вывести окно с 3Д объектом созданным с помощью (three.js) в определённое место?

Здравствуйте
Подскажите пожалуйста как мне вывести проект

<!DOCTYPE html>
   <html>

    <head>
		<meta charset="UTF-8"/>
		<title>name</title>
		<style>
		body {
		padding:0;
		margin: 0;
		}
		canvas { width: 100%; height: 100%; }
		#program3d { 
		width: 400px; 
		height: 400px; 
		}
		</style>
     </head>

     <body>	
		<script src="js\Sistem\three.js"></script> 
		<script src="js\Loader\OBJLoader.js"></script>  					 
		<script src="js\Sistem\TrackballControls.js"></script>      
		<script src="js\Sistem\mucode.js"></script>         
		
		
	
	
	
	<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHD4lDk5cupCKwwEl78HwEgL6lfk1WcsVq88FTSe2xpVGN_n4s" width="175px"/>				<br/>
	
	
	<div id="program3d"></div>
	<input type="button" id="B1" value="Start" name="button1"  onclick="A1(); style.display='none'"  ><br/>
	
	
	<img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHD4lDk5cupCKwwEl78HwEgL6lfk1WcsVq88FTSe2xpVGN_n4s" width="175px"/>				<br/>
	</body>
	

    </html>


так чтобы (canvas) находился строго в
<div id="program3d"></div> и не выходил за его рамки

Я смог его запихнуть в тег с помощью

container = document.getElementById( 'program3d' );

Но почему-то после нажатия на кнопку.
Окно все равно слетает в конец (body)
И занимает всю страницу

Подскажите пожалуйста как это исправить
  • Вопрос задан
  • 40 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы