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