无法在 Fabric.js 中使用 getActiveObject()答案

【问题标题】：Cannot use getActiveObject() in Fabric.js无法在 Fabric.js 中使用 getActiveObject()
【发布时间】：2015-01-17 04:34:24
【问题描述】：

我想检查画布上所选图像的图像质量。

我的以下代码：

var canvas = $(".canvas-container").children('canvas').get(0);
//console.log(canvas.getActiveObject().get('type'));
console.log(canvas);

getActiveObject() 日志给出错误： undefined 不是函数。

另一条日志返回：

<canvas class="lower-canvas" width="850" height="230" style="position: absolute; width: 850px; height: 230px; left: 0px; top: 0px; -webkit-user-select: none;"></canvas>

画布在另一个js文件中创建：

      //create fabric stage
        var canvas = $productStage.children('canvas').get(0);

        stage = new fabric.Canvas(canvas, {
            selection: false,
            hoverCursor: 'pointer',
            rotationCursor: 'default',
            controlsAboveOverlay: true,
            centeredScaling: true
        });

我必须改变什么才能使用canvas.getActiveObject()？

参考http://www.panel-it.eu/shop/straatnaambord-3/#。

提前致谢。

【问题讨论】：

标签： javascript jquery canvas fabricjs

【解决方案1】：

getActiveObject() 是fabric.Canvas 对象的方法。

使用上面的代码，您将使用stage.getActiveObject() 而不是canvas.getActiveObject()

【讨论】：

如果我使用 stage.getActiveObject() 控制台会显示未定义。 console.log(stage.getActiveObject());我做错了什么？
如果您丢失了对您创建的名为stage 的fabric.Canvas 对象的引用，那么也许您应该在初始化fabric Canvas 时将它附加到画布的HTMLElement 对象。有关示例，请参见 stackoverflow.com/a/13195555/3538503。