Question

我有一个javascript Windows 8应用程序，我需要将一堆画布转换成动画gif。这是我到目前为止所做的：

我可以将一个画布转换为base64编码的png（在javascript中）：

var base64png = myCanvas.toDataURL()

然后，我可以将此编码图像转换为字节数组（在c＃类库中）：

private byte[] GetBytesFromBase64(string base64)
{
    string data = base64.Split(',')[1]; // get everything after comma
    return Convert.FromBase64String(data);
}

然后我可以使用这些字节来创建一个gif，并将其保存在磁盘上（同样，在c＃类库中）：

public async void ConvertToGif(string image)
    {
        // Note: The following line includes methods not shown in the question, but they work
        IRandomAccessStream stream = await ConvertToRandomAccessStream(
                                           ConvertToMemoryStream(
                                           GetBytesFromBase64(image)));

        var decoder = await BitmapDecoder.CreateAsync(stream);
        var pixels = await decoder.GetPixelDataAsync();

        var file = await KnownFolders.PicturesLibrary.CreateFileAsync("test.gif", CreationCollisionOption.ReplaceExisting);
        var outStream = await file.OpenAsync(FileAccessMode.ReadWrite);

        var encoder = await BitmapEncoder.CreateAsync(BitmapEncoder.GifEncoderId, outStream);

        encoder.SetPixelData(
            decoder.BitmapPixelFormat, 
            BitmapAlphaMode.Ignore,
            decoder.PixelWidth, 
            decoder.PixelHeight,
            decoder.DpiX, 
            decoder.DpiY,
            ReplaceTransparentWithWhite(pixels));


        await encoder.FlushAsync();
        outStream.Dispose();
    }

但是，这只将一个画布保存为一个gif。如何向gif添加帧？ GifEncoder命名空间中有一个System.Media.Imaging类，但它似乎不包含在WinRT .Net框架中。任何帮助将不胜感激。

Answer 1

我建议你自己构建它，因为你已经有了将Canvas转换为单个GIF文件的代码。基本上，动画GIF只是容器GIF文件中的一系列GIF文件。虽然规范有点冗长，但您应该从.NET 1.1天发现this example非常有用。

虽然标准文件格式不直接允许动画，但允许通过“扩展”动画。详细信息在this维基百科页面上有详细记录。

您需要做的就是为文件写出自定义标题块，然后为每个动画GIF帧写出各个流。

如何在WinRT中将画布集合转换为动画gif？

1 个答案: