如何使用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解决方案（免费）。