解决方法

Question

2015-06-19

1375

javascript canvas fabricjs

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

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

Answer 1

这实际上不是 FabricJS 的问题，而是因为一般浏览器不支持 TIFF 文件格式。IE 和 Safari 是例外，还有一些不太主流的浏览器。

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

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

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