如何使用fabric.js加载TIFF图像？

Question

据我所知，fabric.js只能加载JPG或PNG文件。我尝试加载TIFF文件时失败。有什么想法吗？

fabric.Image.fromURL('my_image.tif', function(oImg) {
  canvas.add(oImg);
});

Answer 1

这对FabricJS来说并不是一个问题，但更多的是general does not support the TIFF file format中的浏览器。 IE和Safari是例外以及一些不那么主流的浏览器。

的变通方法

但是，可以手动读取和解析TIFF文件。要阅读TIFF，您可以使用例如tiff-js。您可以为可以解码TIFF的浏览器获取插件（后者可能还需要最终用户也可以安装插件）。

尽管如此，我建议您将TIFF转换为例如PNG以供一般使用。

同样，由于与上述相同的原因，您将无法保存输出TIFF，但您可以随意查看我的canvas-to-tiff解决方案（免费）。