在fabric.js中找到活動對象的坐標

Question

我使用fabric js繪制了不同的形狀，例如圓形，矩形。

矩形是通過fabric.rect() method繪制的

 canvas.getActiveObject().get('points');

但它返回undefined

我也看過這篇文章

如何在Fabric.js中獲取多邊形點

但我無法解決問題

    var object = canvas.getActiveObject();
    var objectCenter = object.getCenterPoint();
    var translatedPoints = object.get('points');
    console.log(object);
    console.log(translatedPoints);
    translatedPoints.map(function(p) {
        var pt =  {
            x: objectCenter.x + p.x,
            y: objectCenter.y + p.y
        };
           console.log(pt);

有沒有辦法找到用類似方法繪制的矩形或其他活動對象的坐標

Answer 1

您可以使用以下代碼：

var obj = canvas.getActiveObject();
alert(obj.left + "," + obj.top);

Answer 2

如果要獲取畫布上所有對象的數據，則可以使用以下代碼創建JSON對象。 您所有對象的坐標將作為屬性包含在輸出中（以及對象的高度和寬度-根據上一個答案中的Chirag的問題）。

function serializeCanvas(c) {
    var canvasJson = JSON.stringify(c);
    console.log(canvasJson);
}