如何使用fabric.js加載TIFF圖像？

Question

據我所知，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，但是請隨意查看我的“ 畫布到tiff”解決方案（免費）。