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