Fabric.js toJSON（）方法丢失的图像

debugcn 发表于 Dev

达里尔·赫布斯（Darryl Hebbes）

我在返回.toJSON（）方法中的所有画布对象时遇到困难。

在我的测试http://jsfiddle.net/EqeZj/（Fabric.js v1.4.8）中，似乎只返回了shape对象。

// Do some initializing stuff
    fabric.Object.prototype.set({
        transparentCorners: false,
        cornerColor: 'rgba(102,153,255,0.5)',
        cornerSize: 12,
        padding: 5
    });

    // initialize fabric canvas and assign to global windows object for debug
    var canvas = window._canvas = new fabric.Canvas('c');

    canvas.add(new fabric.Circle({
        radius: 250,
        left: 10,
        top: 10,
        fill: '#0B61A4'
    }));

    fabric.Image.fromURL('http://jsfiddle.net/img/logo.png', function(img) {
      img.left = 58;
      img.top = 110;
      canvas.add(img);
    });

    canvas.includeDefaultValues = false;
    fabric.log('JSON without default values: ', canvas.toJSON());
    fabric.log('canvas.getObjects ', canvas.getObjects());

我这样做正确吗？

物理编码器

这是异步图片加载的问题：如果您等待几秒钟，图片就会出现在JSON对象中，如您在此提琴中看到的：http://jsfiddle.net/7BR8E/1/

因此，如果您要确保操作加载了图像的画布，则必须在fromURL()after的回调函数中进行操作canvas.add(img)。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。