javascript - 无法在 Fabric.js 中使用 getActiveObject()

Question

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

我的以下代码:

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>

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/#供引用。

提前致谢。

Answer 1

getActiveObject() 是 fabric.Canvas 的一个方法目的。

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