Для создания веб-версии программы, подобной AutoCAD, можно использовать HTML/CSS для верстки пользовательского интерфейса и JavaScript для реализации функциональности. Однако, для создания полноценного графического редактора, который будет поддерживать рисование, вращение и масштабирование объектов, потребуется также использовать JavaScript библиотеки для работы с векторной графикой, например, SVG.js или Paper.js.
Что касается реализации бесконечного количества слоев, можно создать контейнер, который будет представлять собой рабочую область, а затем добавлять на эту область новые элементы (слои) с помощью JavaScript. Каждый слой может быть представлен как отдельный блок с заданными координатами и размерами. Для реализации вращения и масштабирования слоев можно использовать трансформации CSS или JavaScript.
Вот пример простого решения для создания бесконечного количества слоев на странице:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WebCAD</title>
<style>
.workspace {
position: relative;
width: 100%;
height: 100vh;
overflow: hidden;
}
.layer {
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
}
</style>
</head>
<body>
<div class="workspace">
<div class="layer" style="z-index: 1;"></div>
<div class="layer" style="z-index: 2;"></div>
<div class="layer" style="z-index: 3;"></div>
</div>
</body>
</html>
```
В данном примере создается контейнер `.workspace`, в котором добавляются три слоя `.layer` с разными значениями z-index. Чтобы добавить новый слой на страницу, можно просто создать новый элемент с классом `.layer` и добавить его в контейнер `.workspace`.
Надеюсь, это поможет вам начать работу над вашим проектом. Если у вас есть дополнительные вопросы или нужна дополнительная помощь, пожалуйста, не стесняйтесь обращаться.