javascript - Fabric.js：从参数化 URL 加载图像时出错

Question

我正在尝试从外部 URL 加载图像。图像是从数据库中动态检索的，因此不是直接路径。此类 URL 的一个示例是：http://192.192.168.12:8080/api/imageServer?file=imageName.jpeg。实际 jpeg 图像中的响应；当我将 URL 添加到图像标签或直接在浏览器中显示图像时。当我尝试将图像加载到 Fabric.js 中时，我只收到控制台消息“加载错误”而没有任何其他消息。

这是我们代码的一部分：

var updateCanvas = function () {
        self.canvas.clear();
        if (self.selectedImage() && self.canvas) {
            try {
                fabric.Image.fromURL(self.selectedImage().imageUrl, function (oImg) {
                    if (oImg._element == null) {
                        stickyToast(translations().Error, translations().img_bind_error, "error");
                        return;
                    }
                    self.canvas.clear();


                    var canvasHeight = 500;
                    var ratio = canvasHeight / oImg.height;
                    var canvasWidth = oImg.width * ratio;


                    //Define all filters that will be used on image
                    oImg.filters[0] = new fabric.Image.filters.Brightness({
                        brightness: 0
                    });
...

我尝试升级到最新版本的 fabric.js，但无济于事。我需要使用另一种方法来下载图像吗？

标签： javascriptfabricjs