Question

我的画布包含centeredRotation:true的对象和selectable:false的其他对象当我将此画布转换为JSON并重新加载它时。对象具有默认属性。即没有居中的旋转和物体是可选择的。我可以知道为什么会这样吗？显然，像centerRotation，selectable这样的属性不包含在JSON中。

{＆＃34;类型＆＃34;：＆＃34; RECT＆＃34;＆＃34; originX＆＃34;：＆＃34;左＆＃34;＆＃34; originY＆＃34;：＆＃34;顶部＆＃34;＆＃34;左＆＃34; 92＆＃34;顶部＆＃34;：53，＆＃34;宽度＆＃34;：150，＆＃34;高度＆＃34 ;: 150，＆＃34;填充＆＃34;：＆＃34;＃778899＆＃34;＆＃34;中风＆＃34;：空，＆＃34; strokeWidth＆＃34;：1，＆＃34; strokeDashArray＆＃34 ;：空，＆＃34; strokeLineCap＆＃34;：＆＃34;对接＆＃34;＆＃34; strokeLineJoin＆＃34;：＆＃34;斜切＆＃34;＆＃34; strokeMiterLimit＆＃34;：10 ＆＃34;将scaleX＆＃34;：1，＆＃34;的scaleY＆＃34;：1，＆＃34;角＆＃34;：0，＆＃34; flipX＆＃34;：假，＆＃34; flipY＆＃34;：假，＆＃34;不透明度＆＃34;：0.4，＆＃34;阴影＆＃34;：无效，＆＃34;可见＆＃34;：真，＆＃34; clipTo＆＃34;：无效，＆＃34;的backgroundColor＆＃34;：＆＃34;＆＃34;＆＃34; RX＆＃34;：0，＆＃34; RY＆＃34;：0，＆＃34; X＆＃34;：0 ＆＃34; Y＆＃34;：0}]，＆＃34;背景＆＃34;：＆＃34;＆＃34;}

如何在加载对象时设置这些？

Answer 1

您需要在toJSON期间加入它们：

canvas.toJSON([ 'centeredRotation', 'selectable' ]);

请参阅描述此“propertiesToInclude”参数的documentation for toJSON，并提供一些示例。

Answer 2

您还可以在创建新对象之前在主对象上指定此项。这保证了我下次从json加载一个对象时，selectable将被保存在＆＃34; toObject＆＃34; /＆＃34; toJSON＆＃34;功能

// Add 'selectable' to every object via the main class "Object"
fabric.Object.prototype.toObject = (function (toObject) {
    return function () {
        return fabric.util.object.extend(toObject.call(this), {
            selectable: this.selectable
        });
    };
})(fabric.Object.prototype.toObject);

我不明白为什么默认情况下不会出现这种情况，但我想这是因为它更像是一个州与财产？

从Fabric.js中的JSON加载加载默认属性

2 个答案: