51 lines
1.7 KiB
HTML
51 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru<head>
|
|
<meta charset="utf-8">
|
|
<title> Трансформация и анимация</title>
|
|
<link rel="stylesheet" href="CSS/style.css">
|
|
<script src="JavaScript/d3.v7.min.js"> </script>
|
|
<script src="JavaScript/main.js"></script>
|
|
<script src="JavaScript/image.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<form id="setting">
|
|
<p>Координаты рисунка<br>
|
|
<label for="cx">x: </label>
|
|
<input type="number" id="cx" value="300" max="600" min="0"><br>
|
|
<label for="cy">y: </label>
|
|
<input type="number" id="cy" value="300" max="600" min="0">
|
|
</p>
|
|
<p>Масштаб<br>
|
|
<label for="sx">по x: </label>
|
|
<input type="number" id="sx" value="1" max="100" min="-100"><br>
|
|
<label for="sy">по y: </label>
|
|
<input type="number" id="sy" value="1" max="100" min="-100">
|
|
</p>
|
|
<p>Поворот<br>
|
|
<label for="r">x: </label>
|
|
<input type="number" id="r" value="0" max="360" min="-360"><br>
|
|
</p>
|
|
<p>
|
|
<input type="button" id="applyButton" value="Нарисовать">
|
|
<input type="button" id="clearButton" value="Отчистить">
|
|
</p>
|
|
<p>
|
|
Включить Анимацию? <input type="checkbox" id="enableAnimCheckbox">
|
|
<select id ="animTypeSelect">
|
|
<option value="0">linear</option>
|
|
<option value="1">elastic</option>
|
|
<option value="2">bounce</option>
|
|
</select>
|
|
<br>
|
|
<input type="button" id="startAnimButton" value="Анимировать">
|
|
</p>
|
|
|
|
</form>
|
|
|
|
|
|
<svg></svg>
|
|
|
|
</body>
|
|
|
|
</html> |