| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>导出动画</title>
- <link rel="stylesheet" href="../css/export-view.css">
- </head>
- <body>
- <div class="export-container">
- <div class="export-header">
- <h2>导出动画</h2>
- </div>
- <div class="export-content">
- <!-- Spritesheet 预览区 -->
- <div class="export-section">
- <h3>Spritesheet 预览</h3>
- <div class="preview-box" id="previewBox">
- <canvas id="spritesheetCanvas"></canvas>
- <div class="preview-placeholder" id="previewPlaceholder">
- 正在生成 Spritesheet...
- </div>
- </div>
- </div>
- <!-- 参考图上传区 -->
- <div class="export-section">
- <h3>参考图（可选）</h3>
- <div class="reference-upload" id="referenceUpload">
- <input type="file" id="referenceInput" accept="image/*" style="display: none;">
- <div class="reference-preview" id="referencePreview">
- <div class="upload-hint">
- <svg width="48" height="48" viewBox="0 0 48 48" fill="currentColor">
- <path d="M24 8L16 16h6v12h4V16h6L24 8z"/>
- <path d="M8 36h32v4H8z"/>
- </svg>
- <p>点击或拖拽上传参考图</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="export-actions">
- <button class="export-btn export-cancel" id="exportCancelBtn">取消</button>
- <button class="export-btn export-confirm" id="exportConfirmBtn">确定并下载</button>
- </div>
- </div>
- <script src="../js/export-view.js"></script>
- </body>
- </html>
|
