FabricJS loadfromJSON 不會渲染所有對象

Question

嘗試加載 canvas 和 JSON 保存在多個屏幕的后端。 在使用canvas.clear();

但是雖然我可以看到長度為 5 的 object 只渲染 2 個對象。 隨機行動。 有時呈現全部有時部分。

   `canvas.loadFromJSON(json, canvas.renderAll.bind(canvas), function(o, object) {
        console.log('rendered successfully')
        console.log(o,object)
        // `o` = json object
        // `object` = fabric.Object instance
        // ... do some stuff ...
    });`

不知道是什么問題。

樣品 Object： 在此處輸入鏈接描述

Answer 1

如果您使用 canvas.toJSON() 導出 JSON ，那將導出其所有可用對象。

但只有 canvas.toJSON() 不會導出許多屬性，如原型、hasControl、元等。

如果您使用自定義對象或原型來修改默認 object 或創建新類型，則這些不會僅使用 toJSON 導出和導入。

在我的情況下，您必須像這樣使用它，我想導出額外的屬性等等。

        canvas.toJSON(['lockMovementX', 
        'lockMovementY', 
        'lockRotation', 
        'lockScalingX', 
        'lockScalingY', 
        'lockUniScaling',
        'hasBorders',
        'hasControls',
        'targetFindTolerance',
        'perPixelTargetFind',
        'selectable',
        'meta',
        'id',
        'prototype'
    ]
    )

這將導出我的 JSON 對象 + 給定屬性。