feat: 顶部工具栏新增叠加图片按钮

This commit is contained in:
Zhukj
2026-04-17 11:12:01 +08:00
parent 5ff4a21857
commit f746b8089f
3 changed files with 338 additions and 0 deletions

View File

@@ -11,6 +11,7 @@
<!-- 顶部工具栏 -->
<div class="toolbar">
<button class="btn" id="addImageBtn">添加图片</button>
<button class="btn" id="addOverlayBtn">层叠图</button>
<button class="btn btn-primary" id="saveBtn">保存/预览</button>
</div>
@@ -53,6 +54,8 @@
<div class="preview-bg-layer" id="bgLayer">
<img id="bgImage" src="" alt="背景图">
</div>
<!-- 层叠图图层 -->
<div class="overlay-layer" id="overlayLayer"></div>
<!-- 拖拽辅助线 -->
<div class="guide-line guide-horizontal" id="guideH"></div>
<div class="guide-line guide-vertical" id="guideV"></div>