| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- <!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/export-view.css">
- </head>
- <body>
- <!-- 黑色背景遮罩（隐藏，仅用于生成 spritesheet） -->
- <div class="export-overlay" id="exportOverlay" style="display: none;">
- <div class="export-modal" id="exportModal" style="display: none;">
- <img id="previewImage" alt="Spritesheet预览" style="display: none;" />
- <div class="preview-placeholder" id="previewPlaceholder" style="display: none;"></div>
- <button id="exportCancelBtn" style="display: none;"></button>
- <button id="floatingAIBtn" style="display: none;"></button>
- <button id="exportConfirmBtn" style="display: none;"></button>
- </div>
- </div>
- <!-- 下载确认对话框 -->
- <div class="download-confirm-overlay" id="downloadConfirmOverlay" style="display: none;">
- <div class="download-confirm-modal">
- <div class="download-confirm-header">
- <h3>选择下载方式</h3>
- <button class="download-confirm-close" id="downloadConfirmClose">
- <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M15 5L5 15M5 5l10 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
- </svg>
- </button>
- </div>
- <div class="download-confirm-content">
- <div class="download-option" data-option="original">
- <div class="download-option-icon">
- <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M14 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V8L14 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M14 2V8H20" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M16 13H8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M16 17H8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M10 9H9H8" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- </svg>
- </div>
- <div class="download-option-info">
- <div class="download-option-title">源文件下载</div>
- <div class="download-option-desc">直接下载原始图片，不进行抠图处理</div>
- </div>
- </div>
- <div class="download-option" data-option="normal">
- <div class="download-option-icon">
- <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M6 7C6 7 8 9 10 11C12 13 12 15 12 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <path d="M18 7C18 7 16 9 14 11C12 13 12 15 12 15" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- <circle cx="6" cy="7" r="2" stroke="currentColor" stroke-width="2" fill="none"/>
- <circle cx="18" cy="7" r="2" stroke="currentColor" stroke-width="2" fill="none"/>
- <path d="M12 15L12 21" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
- </svg>
- </div>
- <div class="download-option-info">
- <div class="download-option-title">普通抠图下载</div>
- <div class="download-option-desc">使用 rembg 进行抠图处理</div>
- </div>
- </div>
- <div class="download-option" data-option="vip">
- <div class="download-option-icon">
- <svg width="32" height="32" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M12 2L15.09 8.26L22 9.27L17 14.14L18.18 21.02L12 17.77L5.82 21.02L7 14.14L2 9.27L8.91 8.26L12 2Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="currentColor" fill-opacity="0.1"/>
- </svg>
- </div>
- <div class="download-option-info">
- <div class="download-option-title">VIP抠图下载</div>
- <div class="download-option-desc">使用 BiRefNet 进行高质量抠图处理</div>
- <div class="download-option-price" id="vipMattingPrice">-</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="../../js/export-view/export-view.js"></script>
- </body>
- </html>
|
