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，但无济于事。我需要使用另一种下载图像的方法吗？

Fabric.js：从参数化URL

0 个答案: