feat: 添加图片编辑器工具栏

2026-04-18 13:56:53 +08:00
parent cb6b88d455
commit 10bbf83e82
4 changed files with 119 additions and 19 deletions
--- a/index.html
+++ b/index.html
@@ -46,6 +46,18 @@
            </label>
        </div>

+        <!-- 图片编辑器工具栏 -->
+        <div class="image-editor-toolbar" id="imageEditorToolbar">
+            <label class="toolbar-label">
+                <span>透明度</span>
+                <div class="roller-picker" id="opacityPicker">
+                    <div class="roller-arrow roller-up">▲</div>
+                    <div class="roller-value">100</div>
+                    <div class="roller-arrow roller-down">▼</div>
+                </div>
+            </label>
+        </div>
+
        <!-- 图片展示区 -->
        <div class="canvas-area" id="canvasArea">
            <div class="preview image-container empty" id="imageContainer">