0

在为 Sketch 开发插件时，我需要通过 JavaScript运行Gifsicle命令。尝试将 PNG 图像序列转换为动画 GIF。

  1. 首先我创建临时文件夹表单图像（作品）
  2. 然后运行​​OSX sips 命令进行 PNG 到 GIF 的转换过程并得到单个 GIF 文件（工作）
  3. 然后尝试使用Gifsicle命令从文件夹中的单个 GIF 文件制作动画 GIF。我从 Gifsicle 只得到了空的动画 GIF 文件。（失败的）

这是代码：

function convertPngToGif (exportFileName, exportFolder) {

// Create Temporary folder for conversion process
var fileManager = NSFileManager.defaultManager();
var uniqueID = NSProcessInfo.processInfo().globallyUniqueString();
var tmpPathUrl = NSTemporaryDirectory();
var tmpFolder = tmpPathUrl.stringByAppendingPathComponent(uniqueID);
fileManager.createDirectoryAtPath_withIntermediateDirectories_attributes_error(tmpFolder, true, null, null);

// Path to gifsicle
var gifConverter = utils.scriptLibraryPath + "/gifsicle";

// Create bash arguments
var convertGifImages = "find \"" + exportFolder + "\" -name '*.png' -exec sips -s format gif -o \"" + tmpFolder + "\" {}.gif {} \\;"
var convertGifAnimation = "find \"" + tmpFolder + "\" -name '*.gif' -execdir bash -c '\"" + gifConverter + "\" --delay=10 '*.gif' > \"" + exportFolder + '/' + exportFileName + '.gif' + "\"' \\;"

var convertTask = NSTask.alloc().init();
var createTask = NSTask.alloc().init();

// Create GIF Image Sequence from exist PNG images
convertTask.setLaunchPath("/bin/bash");
convertTask.setArguments(["-c", convertGifImages]);
convertTask.launch();
convertTask.waitUntilExit();

// Create GIF animation from converted images
createTask.setLaunchPath("/bin/bash");
createTask.setArguments(["-c", convertGifAnimation]);
createTask.launch();
createTask.waitUntilExit();

// Remove temporary folder
fileManager.removeItemAtPath_error_(tmpFolder, null);
}

测试时注意：我试过Gifsicle commands。它不会使用输出“-o”命令创建该空文件，但使用“>”它将创建该空文件。

通过终端它工作

我已经通过终端手动尝试了整个命令，因为它出现在函数字符串中，它正确地创建了动画 GIF：

find "/GifImagesFolder/" -name '*.gif' -exec "/GifSicleFolder/gifsicle" --delay=10 *.gif -o "/OutputFolder/Example.gif" \;

我猜它与那个 bash 命令有关，因为它通过终端而不是代码工作。

4

1 回答 1

0

已经有一个名为Generate-GIF for Sketch 的插件，它使用这个 PNG 到动画 GIF 工作流程并使用Gifsicle。我再次对其进行了测试，但在 Sketch 3.4.2 版本中它不再适用于我了。所以我意识到我使用的是旧的 AppStrore 版本，因为 Sketch 不久前离开了 AppStore。更新到新的 Sketch 3.4.4 版本后，一切正常。我不确定这是否是实际问题，因为我记得我之前已经在 Sketch 中使用过 GIF 导出。

无论如何，正确的答案在于问题。很抱歉让您感到困惑，但如果遇到同样的问题，这可能仍然对某人有所帮助。

于 2016-01-10T16:55:20.783 回答