@Tereverda

Отрисовка кубика на canvas?

На странице, после добавления размеров, появляется кубик, при помощи какой библиотеки это реализовано или можно просто реализовать?
www.openovate.com/lbc.php
Задаешь размеры->длина-ширина-высота->получаешь объемную фигуру с размерами.
  • Вопрос задан
  • 50 просмотров
Пригласить эксперта
Ответы на вопрос 2
WblCHA
@WblCHA
А нажать Ф12 и самому посмотреть никак?
<script type="text/javascript">function drawSquare(id, w, h, d) {
		var canvas = document.getElementById(id);
		var context = canvas.getContext('2d');
		
		context.lineWidth = 1;
		context.lineCap = "square";
		
		context.strokeStyle = "#0011aa";
		context.fillStyle = "rgba(0, 0, 150, 0.5)";
		
		var dh = d/2;
		var wh = d/2;
		
		context.beginPath();
		context.moveTo(0, d);
		context.lineTo(w,d);
		context.lineTo(w,d+h);
		context.lineTo(0,d+h);
		context.lineTo(0,d);
		
		context.moveTo(0, d);
		context.lineTo(wh,dh);
		context.lineTo(wh+w,dh);
		context.lineTo(w, d);
		context.lineTo(0, d);
		
		context.moveTo(wh+w,dh);
		context.lineTo(w,d);
		context.lineTo(w,d+h);
		context.lineTo(wh+w,dh+h);
		context.lineTo(wh+w,dh);
		
		context.stroke();
		
		context.closePath();
		context.fill();	
	}</script>

Обычный 2д объект на нативном канвасе.
Ответ написан
Aleksandr-JS-Developer
@Aleksandr-JS-Developer
Работает? Не трогай.
Такой куб можно на нативном CSS легко сделать.
Даже есть онлайн редактор

А вообще, насчёт библиотек и фреймворков для отрисовки на canvas - посмотрите ThreeJS или BabylonJS. Один из их самых мощных инструментов - это возможность импорта файлов из профессиональных 3Д редакторов, например из Blender или 3ds Max. Это означает, что вы можете рендерить в браузере 3Д объекты любой сложности. Единственное ограничение здесь - производительность машины клиента.
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы