在fabric.js中查找活动对象的坐标

Question

使用fabric js我绘制不同的形状，如圆形，矩形 我试过了

矩形由fabric.rect() method

绘制

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

但它会返回undefined

我也经历过这篇文章

How to get polygon points in 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);
}