将画布流式传输到 imgITools 以制作 ico

Question

所以在 WinXP 上，我一直很难将 PNG 文件转换为带有画布的 ICO。我找到了这个方法encodeImage。我不知道它是否有效，但它看起来很有希望，但我不知道如何将我在画布上绘制的图像输入imgITools.decodeData。

aImageStream 和/或aMimeType 应该使用什么？

imgTools.decodeImageData(aImageStream, aMimeType, imgContainer);

这是我的更多代码：

 img['asdf'].file = new FileUtils.File(myPathHere);

let iconStream;
try {
  let imgTools = Cc["@mozilla.org/image/tools;1"]
                    .createInstance(Ci.imgITools);
  let imgContainer = { value: null };

  imgTools.decodeImageData(aImageStream, aMimeType, imgContainer);
  iconStream = imgTools.encodeImage(imgContainer.value,
                                    "image/vnd.microsoft.icon",
                                    "format=bmp;bpp=32");
} catch (e) {
  alert('failure converting icon ' + e)
  throw("processIcon - Failure converting icon (" + e + ")");
}

let outputStream = FileUtils.openSafeFileOutputStream(img['asdf'].file);
NetUtil.asyncCopy(iconStream, outStream, netutilCallback);

Answer 1

由于您已经有了画布（？），使用以下任一画布方法可能会更容易：

• toDataURI/toDataURIHD
• toBlob/toBlobHD
• mozFetchAsStream

还有未记录的-moz-parse-options:，例如-moz-parse-options:format=bmp;bpp=32。 （参考测试似乎依赖于它，所以我认为它不会很快消失）。

所以，这是一个将内容加载到ArrayBuffer 的示例。

(canvas.toBlobHD || canvas.toBlob).call(canvas, function (b) {
    var r = new FileReader();
    r.onloadend = function () {
        // r.result contains the ArrayBuffer.
    };
    r.readAsArrayBuffer(b);
}, "image/vnd.microsoft.icon", "-moz-parse-options:format=bmp;bpp=32");

这是一个更完整的 example fiddle 创建 256x256 BMP 图标。

由于您可能希望将该数据提供给 js-ctypes，因此拥有 ArrayBuffer 非常棒，因为您可以使用 can create pointers from it directly，或者使用 OS.File 将其写入文件。