Javascript Fabric JS将对象的src更改为url

是否可以将fabric js对象的

src

属性更改为CDN的url

{ version: '4.4.0',
  objects:
   [ { type: 'image',
       version: '4.4.0',
       originX: 'left',
       
       ...

       src:'www.cdn.com',

       crossOrigin: null,
       filters: [] },
       

---

您只需将src prop编辑为CDN url即可更改src属性，当您加载json时，它将加载CDN映像

或者，如果要在编辑器中更改src，则可以使用以下命令：

changeImageSrcToCDN(newSrc, imageObject) { //imageObject is the image being replaced
        var url = newSrc;
        var scaleX = imageObject.scaleX;
        var scaleY = imageObject.scaleY;
        var width = imageObject.width;
        var height = imageObject.height;
        var left = imageObject.left;
        var top = imageObject.top;

        imageObject.setSrc(url, (image) => {
            image.left = left;
            image.top = top;
            image.scaleX = scaleX;
            image.scaleY = scaleY;
            image.width = width;
            image.height = height;
            image.setCoords();
            canvas.renderAll();
        }, { width: imageObject.width, height: imageObject.height, crossOrigin: 'anonymous' });
    }