Fabric JS 将对象的 src 更改为 url

Question

是否可以将 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: [] },

Answer 1

您可以通过将 src 属性编辑为 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' });
    }

Fabric JS 将对象的 src 更改为 url

Fabric JS changing src of an object to a url

javascript

reactjs

fabricjs