javascript - 对象的自定义属性在 Canvas 中被清除为 json

Question

我有一个包含多个图像对象 的 Canvas 。每个对象都有一些自定义属性。我需要将此 Canvas 作为 json 对象保存到数据库中。我使用以下代码将 Canvas 转换为 json。

canvasJson = JSON.stringify(canvas);

转换后，canvasJson 不能有任何自定义属性及其值。它只有默认属性和宽度、高度、不透明度等值。

我该如何解决？请提出一些正确的方法来解决这个问题......

编辑

以下是我在 Canvas 中创建图像对象的图像对象创建代码。

var imgObj = new Image();
var imgSrc = $IMAGE_URL;
imgObj.src = imgSrc;
var image = new fabric.Image(imgObj);
    image.set({
        left: 0,
        top: 0,
        angle: 0,
        padding: 0,
        cornersize: 0,
        lockMovementX: true,
        lockMovementY: true,
        lockRotation: true,
        elementId: $elementID,
        elementname: $elementName,
        elementstatus: $elementStatus,
        width: componentImageWidth,
        height: componentImageHeight
    });
    canvas.add(image);
    image.setCoords();
    canvas.renderAll();
    canvas.selection = false;
    canvas.renderAll();
    setObjectAction(image, false);

使用 JSON.stringify(canvas); elementId、elementname 和 elementstatus 将 Canvas 转换为 json缺失。但默认属性是正确获取的。

如何解决这个问题？

Answer 1

您可以使用 fabric 的 canvas.toJson() 或 canvas.toDatalessJSON() 函数，并且可以将自定义属性作为参数包含在内，如下所示:

var json = JSON.stringify(canvas.toDatalessJSON(['elementId','elementname', 'elementstatus']));