在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);
}