Ku6epXBOCTuK/css-matrix-calc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: add readme and license, translate to english

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-06-23 22:53:53 +05:00
parent 35fec72f9f
commit 56f01d412e
5 changed files with 93 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+12 -12
View File
@@ -1,5 +1,5 @@
<!doctype html>
<html lang="ru">
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -10,9 +10,9 @@
<header>
<div class="header-left">
<h1>CSS Matrix3D Perspective Calculator</h1>
<p>Задайте 4 точки на поле и размер виджета — получите CSS matrix3d() для перспективного отображения</p>
<p>Set 4 corners on the field and widget size — get CSS matrix3d() for perspective rendering</p>
</div>
<span class="mode-hint" id="modeHint">Перетаскивайте углы на поле</span>
<span class="mode-hint" id="modeHint">Drag corners on the field</span>
<div class="mode-toggle">
<button class="mode-btn active" id="btnEdit">Edit</button>
<button class="mode-btn" id="btnPreview">Preview</button>
@@ -38,8 +38,8 @@
<div class="right-col">
<div class="panel">
<div class="panel-header">
<h2>Основное поле</h2>
<button class="btn btn-edit-field" id="btnEditField">Редактировать</button>
<h2>Field</h2>
<button class="btn btn-edit-field" id="btnEditField">Edit</button>
</div>
<div class="field-size-stack">
<div class="chain-link" id="chainLink" title="Keep aspect ratio">
@@ -68,17 +68,17 @@
<div class="field-edit-options" id="fieldEditOptions">
<label class="checkbox-label">
<input type="checkbox" id="chkRescaleCoords" checked />
<span>Пересчитать координаты</span>
<span>Rescale coordinates</span>
</label>
<div class="field-save-row">
<button class="btn btn-cancel-field" id="btnCancelField">Отменить</button>
<button class="btn btn-save-field" id="btnSaveField">Сохранить</button>
<button class="btn btn-cancel-field" id="btnCancelField">Cancel</button>
<button class="btn btn-save-field" id="btnSaveField">Save</button>
</div>
</div>
</div>
<div class="panel">
<h2>Виджет</h2>
<h2>Widget</h2>
<div class="field-row">
<label><span>W</span><input id="inpWidgetW" type="number" value="400" min="1" /></label>
<label><span>H</span><input id="inpWidgetH" type="number" value="300" min="1" /></label>
@@ -86,7 +86,7 @@
</div>
<div class="panel">
<h2>Углы четырёхугольника</h2>
<h2>Corners</h2>
<div class="corner-inputs" id="cornerInputs"></div>
</div>
@@ -94,8 +94,8 @@
<h2>CSS Output</h2>
<textarea id="cssOutput" rows="10" readonly></textarea>
<div class="btn-row">
<button class="btn btn-copy" id="copyBtn">Копировать CSS</button>
<button class="btn btn-reset" id="resetBtn">Сброс</button>
<button class="btn btn-copy" id="copyBtn">Copy CSS</button>
<button class="btn btn-reset" id="resetBtn">Reset</button>
</div>
</div>
</div>