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

【问题标题】：Find Coordinates of the Active Object in fabric.js在 fabric.js 中查找活动对象的坐标
【发布时间】：2016-06-16 16:36:08
【问题描述】：

使用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);

有什么方法可以找到矩形或其他类似方法绘制的活动对象的坐标

【问题讨论】：

标签： javascript coordinates fabricjs

【解决方案1】：

您可以使用此代码：

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

【讨论】：

我怎样才能找到对象的高度和宽度？ stackoverflow.com/questions/52985469/…

【解决方案2】：

如果要获取画布上所有对象的数据，可以使用以下代码创建 JSON 对象。所有对象的坐标都将作为属性包含在输出中（以及对象高度和宽度 - 根据 Chirag 在上一个答案中的问题）。

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

【讨论】：