在线编辑器支持delay

Dituon · Aug 20, 2022 · f51589b · f51589b
1 parent 8bb73f7
commit f51589b
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/editor/dataBuilder.js b/editor/dataBuilder.js
@@ -15,7 +15,9 @@ function buildData() {
     $('#alias').val().trim().split(' ').forEach(alia => {
         if (alia) alias.push('"' + alia + '"')
     })
-    const extra = !alias.length ? '' : `,\n    "alias": [${alias}]`
+    let extra = !alias.length ? '' : `,\n    "alias": [${alias}]`
+
+    if (imageType === 'GIF') extra += `,\n    "delay": ${Math.round(1000 / $('#fps').val())}`
 
     let out = `{
     "type": "${imageType}",

diff --git a/editor/index.js b/editor/index.js
@@ -81,7 +81,8 @@ function loadGif(image) {
             }
             frameLength = gif.get_length()
         })
-        $('#settingsBar').append('<div class="check" onclick="downloadAllBackground()">下载每一帧</div>')
+        $('#settingsBar').append('<div class="check">fps<input type="number" id="fps" value="15" style="width: 3rem"></div>')
+            .append('<div class="check" onclick="downloadAllBackground()">下载每一帧</div>')
     }
 }