OkunElya/uni-web-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

simple transforms done

Browse Source
This commit is contained in:
OkunElya
2026-03-13 11:56:43 +10:00
parent 0f62e7ea49
commit c3a72893c3
2 changed files with 52 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
labs/lab2/index.html
View File

@@ -12,33 +12,45 @@
<form id="setting">
<p>Координаты рисунка<br>
<label for="cx">x: </label>
<input type="number" id="cx" value="300" max="600" min="0"><br>
<input type="number" id="cx" value="300" max="600" min="0">
<label class="anim-related" for="cx_finish">до: </label>
<input class="anim-related" type="number" id="cx_finish" value="300" max="600" min="0">
<br>
<label for="cy">y: </label>
<input type="number" id="cy" value="300" max="600" min="0">
<input class="anim-related" type="number" id="cy" value="300" max="600" min="0">
<label class="anim-related" for="cy_finish">до: </label>
<input type="number" id="cy_finish" 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>
<input type="number" id="sx" value="1" max="100" min="-100">
<label class="anim-related" for="sx_finish">до: </label>
<input class="anim-related" type="number" id="sx_finish" value="1.5" max="100" min="-100">
<br>
<label for="sy">по y: </label>
<input type="number" id="sy" value="1" max="100" min="-100">
<label class="anim-related" for="sy_finish">до: </label>
<input class="anim-related" type="number" id="sy_finish" value="1.5" max="100" min="-100">
</p>
<p>Поворот<br>
<label for="r">x: </label>
<input type="number" id="r" value="0" max="360" min="-360"><br>
<input type="number" id="r" value="0" max="360" min="-360">
<label class="anim-related" for="r_finish">до: </label>
<input class="anim-related" type="number" id="r_finish" value="360" max="360" min="-360">
</p>
<p>
<input type="button" id="applyButton" value="Нарисовать">
<input type="button" class="anim-related-inverse" id="applyButton" value="Нарисовать">
<input type="button" id="clearButton" value="Отчистить">
</p>
<p>
Включить Анимацию? <input type="checkbox" id="enableAnimCheckbox">
<select id ="animTypeSelect">
<select class="anim-related" 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="Анимировать">
<input class="anim-related" type="button" id="startAnimButton" value="Анимировать">
</p>
</form>